@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 解决IOS默认滑动很卡的情况 */
  -webkit-overflow-scrolling: touch;
}
/* 禁止缩放表单 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
  resize: none;
  border: none;
}
/* 取消链接高亮  */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 设置HTML5元素为块 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
/* 图片自适应 */
img {
  width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
  display: block;
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
}
/* 初始化 */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
html,
body {
  font-size: 10px;
}
/*@media screen and (max-width:1024px) {}*/
/*@media screen and (min-width:1200px) and (max-width:1920px) {}*/
/*@media screen and (min-width:1281px) and (max-width:1440px) {}*/
/*@media screen and (min-width:1441px) and (max-width:1920px) {}*/
/*@media screen and (min-width:1921px) and (max-width:2560px) {}*/
/*@media screen and (min-width:px) and (max-width:3328px) {}*/
/*@media screen and (min-width:400px) {*/
/*html,body {*/
/*font-size: 16px;*/
/*}*/
/*}*/
@media screen and (max-width: 320px) {
  /*body {*/
  /*background-color:lightblue;*/
  /*}*/
  html,
  body {
    font-size: 10px;
  }
}
@media (min-width: 321px) and (max-width: 375px) {
  html,
  body {
    /*font-size: 12px;*/
  }
}
@media (min-width: 380px) and (max-width: 475px) {
  html,
  body {
    /*font-size: 12px;*/
  }
}
em,
i {
  font-style: normal;
}
ul,
li {
  list-style-type: none;
}
strong {
  font-weight: normal;
}
.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.clearfix {
  zoom: 1;
}
a {
  text-decoration: none;
  color: #333333;
  /*font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;*/
}
a:hover {
  text-decoration: none;
}
ul,
ol {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-family: 'Microsoft YaHei';
}
input {
  font-family: 'Microsoft YaHei';
}
input:focus {
  outline: none;
}
button:focus {
  outline: none;
  border-color: transparent;
}
select:focus {
  outline: none;
}
/*单行溢出*/
.one-txt-cut {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* -webkit-line-clamp: 2; */
  -webkit-box-orient: vertical;
}
/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,
a:active,
a:visited,
a:hover {
  background: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.w50 {
  width: 50%;
}
.w25 {
  width: 25%;
}
.w20 {
  width: 20%;
}
.w33 {
  width: 33.333333%;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
/*
  display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: left;
    flex-wrap: wrap;
*/
body {
  /*min-height: 100rem;*/
  /* padding-bottom: 7rem; */
  background: #f4f5f5;
  /*font-family: "font-family: Helvetica Neue, Helvetica, Arial, sans-serif;";*/
  /*font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;*/
}
.header {
  background: #cf0f19;
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.header .logo {
  width: 10rem;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.header .right_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.header .right_menu .icon {
  color: #ffffff;
}
.header .right_menu .left_icon {
  margin-right: 1rem;
}
.header .right_menu .menu .icon {
  font-size: 2.6rem;
}
.headerCrumbs {
  background: #cf0f19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.headerCrumbs .small_logo {
  width: 5rem;
  height: 5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.5rem;
}
.headerCrumbs .small_list {
  max-width: 80%;
  line-height: 5rem;
  font-size: 1.6rem;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.headerCrumbs .small_list a {
  display: block;
  margin-left: 0.6rem;
  color: #ffffff;
  padding-right: 2rem;
  background-image: url('/Images/mobile/icon_crumbs.png');
  background-repeat: no-repeat;
  background-size: 36% auto;
  background-position: right center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.headerCrumbs .small_list .swiper-container .swiper-slide {
  width: auto;
}
.headerCrumbs .small_list .swiper-container .swiper-slide:last-child a {
  background: none;
}
.banner {
  max-height: 32rem;
}
.banner .swiper-pagination-bullet {
  background: #ffffff;
  opacity: 0.8;
}
.banner .swiper-pagination-bullet-active {
  width: 2rem;
  height: 0.8rem;
  border-radius: 0.8rem;
  background: #ed232f;
}
.header_search {
  margin-bottom: 1rem;
  padding: 0.5rem 1.5rem;
  background: #ffffff;
}
.header_search .dropDown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.header_search .dropDown .down {
  width: 30%;
}
.header_search .dropDown .down .layui-form-label,
.header_search .dropDown .down .layui-form-mid,
.header_search .dropDown .down .layui-form-select,
.header_search .dropDown .down .layui-input-block,
.header_search .dropDown .down .layui-input-inline,
.header_search .dropDown .down .layui-textarea {
  width: 100%;
}
.header_search .dropDown .down .layui-input,
.header_search .dropDown .down .layui-select,
.header_search .dropDown .down .layui-textarea {
  border-radius: 0.5rem;
  height: 3rem;
}
.header_search .dropDown .import {
  width: 100%;
}
.header_search .dropDown .import .layui-input-block {
  margin-left: 0;
  min-height: 3rem;
}
.header_search .dropDown .import .layui-input-block .icon {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  width: 2rem;
  height: 2rem;
  margin-top: -1rem;
  font-size: 1.8rem;
  color: #ed232f;
}
.header_search .dropDown .import .layui-input,
.header_search .dropDown .import .layui-select,
.header_search .dropDown .import .layui-textarea {
  border-radius: 0.5rem;
  height: 3rem;
}
.transit {
  background: #ffffff;
  padding-bottom: 0.01rem;
  margin-bottom: 1.5rem;
}
.transit .title {
  line-height: 3.6rem;
  padding: 0 1.5rem;
  border-bottom: 0.1rem solid #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.transit .title span {
  font-weight: bold;
  font-size: 1.8rem;
  position: relative;
  padding-left: 1.6rem;
}
.transit .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.transit .title .more {
  position: relative;
  color: #cf0f19;
  padding-right: 1.5rem;
  display: inline-block;
}
.transit .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.box_table {
  background: #ffffff;
  margin-bottom: 1.5rem;
}
.box_table .title {
  line-height: 3.6rem;
  padding: 0 1.5rem;
  border-bottom: 0.1rem solid #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box_table .title span {
  font-weight: bold;
  font-size: 1.8rem;
  position: relative;
  padding-left: 1.6rem;
}
.box_table .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.box_table .title .more {
  position: relative;
  color: #cf0f19;
  padding-right: 1.5rem;
  display: inline-block;
}
.box_table .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.box_table .twin_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 0.1rem solid #dfdfdf;
}
.box_table .twin_title > div {
  text-align: center;
  width: 50%;
  line-height: 3.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.6rem;
}
.box_table .twin_title .active {
  font-weight: bold;
  color: #cf0f19;
}
.box_table .twin_title .active span {
  position: relative;
  padding: 0 1rem;
  display: inline-block;
}
.box_table .twin_title .active span::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background: #cf0f19;
  z-index: 10;
}
.box_table .table_title {
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
  line-height: 5rem;
  font-size: 1.8rem;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 0.1rem solid #dfdfdf;
}
.box_table .table_title > div {
  text-align: center;
  width: 33.33333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.box_table .table_title.tableSmallTitle {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.box_table .table_title.tableSmallTitle > div {
  width: 40%;
}
.box_table .table_title .active {
  font-weight: bold;
  color: #cf0f19;
  position: relative;
}
.box_table .table_title .active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background: #cf0f19;
  z-index: 10;
}
.box_table .table_titles {
  margin-bottom: 1.5rem;
  padding: 1rem 0.75rem;
  line-height: 5rem;
  font-size: 1.8rem;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box_table .table_titles > div {
  text-align: center;
  width: 33.33333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.75rem;
}
.box_table .table_titles > div .item {
  border: 0.1rem solid #d6d6d6;
  line-height: 3.6rem;
  text-align: center;
  font-size: 1.6rem;
  border-radius: 0.8rem;
}
.box_table .table_titles .active .item {
  background: #cf0f19;
  border: 0.1rem solid #cf0f19;
  color: #ffffff;
}
.box_table .table_list {
  padding: 0 1.5rem 0.01rem;
}
.box_table .table_list .list {
  display: none;
}
.box_table .table_list .list.show {
  display: block;
}
.box_table .table_list .list .images_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box_table .table_list .list .images_top .images_list {
  width: 48%;
}
.box_table .table_list .list .images_top .images_list .text {
  text-align: center;
  font-size: 1.6rem;
  line-height: 3rem;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_table .table_list .list .images_top .images_list .text a {
  color: #333333;
}
.box_table .table_list .list .item_list ul li {
  position: relative;
  padding-left: 1.8rem;
  border-bottom: 0.1rem solid #dcdcdc;
}
.box_table .table_list .list .item_list ul li::after {
  position: absolute;
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  left: 0.4rem;
  top: 50%;
  margin-top: -0.3rem;
  background: #cf0f19;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.box_table .table_list .list .item_list ul li a {
  display: block;
  color: #333333;
  font-size: 1.6rem;
  line-height: 3.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_table .table_list .list .item_list .more {
  width: 40%;
  margin: 0.5rem auto;
}
.box_table .table_list .list .item_list .more a {
  text-align: center;
  display: block;
  background: #f2f2f2;
  color: #333333;
  border-radius: 1.5rem;
  line-height: 3rem;
  font-size: 1.6rem;
}
.box_table .table_list .list .seven_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1rem;
}
.box_table .table_list .list .seven_list .item {
  width: 14.28571429%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  margin-bottom: 1rem;
  line-height: 3rem;
  padding: 0 0.12rem;
}
.box_table .table_list .list .seven_list .item a {
  display: block;
  border-radius: 0.6rem;
  margin: 0 auto;
  width: 80%;
  font-size: 1.6rem;
  color: #333333;
  border: 0.1rem solid #d6d6d6;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_table .table_list .list .images_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box_table .table_list .list .images_list .item {
  width: 33.33333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 3.3333%;
  margin-bottom: 1rem;
}
.box_table .table_list .list .images_list .item .images {
  height: 12rem;
}
.box_table .table_list .list .images_list .item .images img {
  max-height: 100%;
}
.box_table .table_list .list .images_list .item .images a {
  display: block;
}
.box_table .table_list .list .images_list .item .text {
  line-height: 2.4rem;
  font-size: 1.6rem;
  text-align: center;
}
.box_table .table_list .list .images_list .item .text a {
  display: block;
}
.box_table .table_list .list .five_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -1.6rem -1.5rem 0;
  position: relative;
}
.box_table .table_list .list .five_list::after {
  content: '';
  width: 100%;
  height: 0.1rem;
  background: #d6d6d6;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}
.box_table .table_list .list .five_list .item {
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  line-height: 4rem;
  border-bottom: 0.1rem solid #d6d6d6;
  border-right: 0.1rem solid #d6d6d6;
}
.box_table .table_list .list .five_list .item:nth-child(5n) {
  border-right: none;
}
.box_table .table_list .list .inquiryItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.box_table .table_list .list .inquiryItem .textInput {
  width: 76%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.box_table .table_list .list .inquiryItem .textInput input {
  border: 0.1rem solid #dedede;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 3.8rem;
  padding: 0 0.4rem;
  line-height: 3.6rem;
  border-radius: 0.8rem;
}
.box_table .table_list .list .inquiryItem .sub_buttom {
  line-height: 3.8rem;
  width: 20%;
  font-size: 1.4rem;
  text-align: center;
  color: #ffffff;
  background: #cf0f19;
}
.box_table .table_list .list .fromInput .searchInput {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 3.6rem;
}
.box_table .table_list .list .fromInput .searchInput .icon {
  color: #cf0f19;
  font-size: 2.4rem;
}
.box_table .table_list .list .fromInput .searchInput .input_place {
  width: 43%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.box_table .table_list .list .fromInput .searchInput .input_place input {
  border-radius: 0.6rem;
  border: 0.1rem solid #dedede;
  width: 100%;
  height: 3.4rem;
  color: #999999;
  font-size: 1.4rem;
}
.box_table .table_list .list .fromInput .sub_buttom {
  line-height: 3.6rem;
  background: #cf0f19;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  border-radius: 0.6rem;
}
.box_table .table_list .list .polling .text_input {
  margin-bottom: 1.5rem;
}
.box_table .table_list .list .polling .text_input input {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 3.6rem;
  border: 0.1rem solid #dedede;
  border-radius: 0.6rem;
}
.box_table .table_list .list .polling .sub_buttom {
  line-height: 3.6rem;
  background: #cf0f19;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  border-radius: 0.6rem;
}
.box_table .table_list .twinList {
  padding-top: 1rem;
  display: none;
}
.box_table .table_list .twinList.show {
  display: block;
}
.box_table .table_list .twinList .twin_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.5rem;
}
.box_table .table_list .twinList .twin_list .item {
  padding: 0 0.5rem;
  margin-bottom: 1rem;
  line-height: 2.6rem;
}
.box_table .table_list .twinList .twin_list .item a {
  padding: 0 1rem;
  border: 0.1rem solid #d6d6d6;
  display: inline-block;
  border-radius: 0.4rem;
}
.box_table .table_list .text_list {
  display: none;
}
.box_table .table_list .text_list.show {
  display: block;
}
.box_table .table_list .text_list .textLists ul li {
  margin-bottom: 1rem;
}
.box_table .table_list .text_list .textLists ul li .smallTitle {
  font-weight: bold;
  color: #333333;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 0.4rem;
}
.box_table .table_list .text_list .textLists ul li .text {
  color: #666666;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.box_table .table_list .text_list .images_lists ul li {
  padding: 0.8rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 0.1rem solid #d6d6d6;
}
.box_table .table_list .text_list .images_lists ul li .images {
  width: 30%;
  height: 9rem;
}
.box_table .table_list .text_list .images_lists ul li .text_lists {
  width: 66%;
}
.box_table .table_list .text_list .images_lists ul li .text_lists .small_title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3rem;
}
.box_table .table_list .text_list .images_lists ul li .text_lists .small_textlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #666666;
}
.box_table .table_list .text_list .images_lists ul li .text_lists .small_textlist .item {
  margin-right: 1rem;
  font-size: 1.2rem;
  line-height: 2.6rem;
}
.box_table .table_list .text_list .images_lists ul li .text_lists .small_textlist .item:nth-child(2n) {
  margin-right: 0;
}
.box_table .table_list .text_list .images_lists ul li .text_lists .tally span {
  display: inline-block;
  background: #ee6352;
  color: #ffffff;
  line-height: 2.4rem;
  padding: 0 0.6rem;
  border-radius: 0.2rem;
  margin-bottom: 0.6rem;
}
.box_table .table_list .text_list .vista_list {
  padding-bottom: 2.4rem;
}
.box_table .table_list .text_list .vista_list .vistatext {
  font-size: 1.6rem;
  line-height: 3rem;
  color: #666666;
}
.box_table .table_list .text_list .vista_list .rankinglit .title {
  padding: 0;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner {
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  position: relative;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner::after {
  content: '';
  height: 0.1rem;
  width: 100%;
  background: #d2d2d2;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner:last-child::after {
  display: none;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .item {
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 3.6rem;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .item .number {
  width: 1.6rem;
  height: 1.6rem;
  background: #999999;
  text-align: center;
  line-height: 1.6rem;
  color: #ffffff;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .item:nth-child(1) .number {
  background: #ff3300;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .item:nth-child(2) .number {
  background: #ff6600;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .item:nth-child(3) .number {
  background: #ff9900;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .item .addCity {
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 2%;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .item .position {
  width: 30%;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .item .progress {
  width: 40%;
  margin-left: 2%;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .item .progress .layui-progress {
  background: none;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .item .progress .layui-bg-red {
  background-color: #cf0f19 !important;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .small_title {
  line-height: 2.8rem;
  text-align: right;
  color: #999999;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .price_title {
  color: #cf0f19;
  font-weight: bold;
  line-height: 4.6rem;
  font-size: 2.4rem;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .samll_text {
  margin: 0 -1.5rem;
  line-height: 3.6rem;
  color: #f77f00;
  padding: 0 1.5rem 0.5rem;
  border-bottom: 0.1rem solid #cccccc;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .wageList .wagetitle {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3rem;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .wageList .wage_inner ul li {
  line-height: 2.8rem;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .wageList .wage_inner ul li .samll_price {
  width: 30%;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .wageList .wage_inner ul li .wage_progres {
  width: 55%;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .wageList .wage_inner ul li .wage_progres .layui-bg-red {
  background-color: #cf0f19 !important;
}
.box_table .table_list .text_list .vista_list .rankinglit .rankingInner .wageList .wage_inner ul li .percentum {
  width: 15%;
  text-align: center;
}
.box_tables {
  background: #ffffff;
  margin-bottom: 1.5rem;
}
.box_tables .title {
  line-height: 3.6rem;
  padding: 0 1.5rem;
  border-bottom: 0.1rem solid #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box_tables .title span {
  font-weight: bold;
  font-size: 1.8rem;
  position: relative;
  padding-left: 1.6rem;
}
.box_tables .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.box_tables .title .more {
  position: relative;
  color: #cf0f19;
  padding-right: 1.5rem;
  display: inline-block;
}
.box_tables .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.box_tables .twin_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 0.1rem solid #dfdfdf;
}
.box_tables .twin_title > div {
  text-align: center;
  width: 50%;
  line-height: 3.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.6rem;
}
.box_tables .twin_title .active {
  font-weight: bold;
  color: #cf0f19;
}
.box_tables .twin_title .active span {
  position: relative;
  padding: 0 1rem;
  display: inline-block;
}
.box_tables .twin_title .active span::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background: #cf0f19;
  z-index: 10;
}
.box_tables .table_title {
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
  line-height: 5rem;
  font-size: 1.8rem;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 0.1rem solid #dfdfdf;
}
.box_tables .table_title > div {
  text-align: center;
  width: 33.33333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.box_tables .table_title .active {
  font-weight: bold;
  color: #cf0f19;
  position: relative;
}
.box_tables .table_title .active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background: #cf0f19;
  z-index: 10;
}
.box_tables .table_titles {
  margin-bottom: 1.5rem;
  padding: 1rem 0.75rem;
  line-height: 5rem;
  font-size: 1.8rem;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box_tables .table_titles > div {
  text-align: center;
  width: 33.33333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.75rem;
}
.box_tables .table_titles > div .item {
  border: 0.1rem solid #d6d6d6;
  line-height: 3.6rem;
  text-align: center;
  font-size: 1.6rem;
  border-radius: 0.8rem;
}
.box_tables .table_titles .active .item {
  background: #cf0f19;
  border: 0.1rem solid #cf0f19;
  color: #ffffff;
}
.box_tables .table_list {
  padding: 0 1.5rem;
}
.box_tables .table_list .list {
  display: none;
}
.box_tables .table_list .list.show {
  display: block;
}
.box_tables .table_list .list .images_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box_tables .table_list .list .images_top .images_list {
  width: 48%;
}
.box_tables .table_list .list .images_top .images_list .text {
  text-align: center;
  font-size: 1.6rem;
  line-height: 3rem;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_tables .table_list .list .images_top .images_list .text a {
  color: #333333;
}
.box_tables .table_list .list .item_list ul li {
  position: relative;
  padding-left: 1.8rem;
  border-bottom: 0.1rem solid #dcdcdc;
}
.box_tables .table_list .list .item_list ul li::after {
  position: absolute;
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  left: 0.4rem;
  top: 50%;
  margin-top: -0.3rem;
  background: #cf0f19;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.box_tables .table_list .list .item_list ul li a {
  display: block;
  color: #333333;
  font-size: 1.6rem;
  line-height: 3.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_tables .table_list .list .item_list .more {
  width: 40%;
  margin: 0.5rem auto;
}
.box_tables .table_list .list .item_list .more a {
  text-align: center;
  display: block;
  background: #f2f2f2;
  color: #333333;
  border-radius: 1.5rem;
  line-height: 3rem;
  font-size: 1.6rem;
}
.box_tables .table_list .list .seven_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1rem;
}
.box_tables .table_list .list .seven_list .item {
  width: 14.28571429%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  margin-bottom: 1rem;
  line-height: 3rem;
  padding: 0 0.12rem;
}
.box_tables .table_list .list .seven_list .item a {
  display: block;
  border-radius: 0.6rem;
  margin: 0 auto;
  width: 80%;
  font-size: 1.6rem;
  color: #333333;
  border: 0.1rem solid #d6d6d6;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_tables .table_list .list .images_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box_tables .table_list .list .images_list .item {
  width: 33.33333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 3.3333%;
  margin-bottom: 1rem;
}
.box_tables .table_list .list .images_list .item .images {
  height: 12rem;
}
.box_tables .table_list .list .images_list .item .images img {
  max-height: 100%;
}
.box_tables .table_list .list .images_list .item .images a {
  display: block;
}
.box_tables .table_list .list .images_list .item .text {
  line-height: 2.4rem;
  font-size: 1.6rem;
  text-align: center;
}
.box_tables .table_list .list .images_list .item .text a {
  display: block;
}
.box_tables .table_list .list .five_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -1.6rem -1.5rem 0;
  position: relative;
}
.box_tables .table_list .list .five_list::after {
  content: '';
  width: 100%;
  height: 0.1rem;
  background: #d6d6d6;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}
.box_tables .table_list .list .five_list .item {
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  line-height: 4rem;
  border-bottom: 0.1rem solid #d6d6d6;
  border-right: 0.1rem solid #d6d6d6;
}
.box_tables .table_list .list .five_list .item:nth-child(5n) {
  border-right: none;
}
.box_tables .table_list .twinList {
  padding-top: 1rem;
  display: none;
}
.box_tables .table_list .twinList.show {
  display: block;
}
.box_tables .table_list .twinList .twin_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.5rem;
}
.box_tables .table_list .twinList .twin_list .item {
  padding: 0 0.5rem;
  margin-bottom: 1rem;
  line-height: 2.6rem;
}
.box_tables .table_list .twinList .twin_list .item a {
  padding: 0 1rem;
  border: 0.1rem solid #d6d6d6;
  display: inline-block;
  border-radius: 0.4rem;
}
.box_tables .table_list .text_list {
  display: none;
}
.box_tables .table_list .text_list.show {
  display: block;
}
.box_tables .table_list .text_list .textLists ul li {
  margin-bottom: 1rem;
}
.box_tables .table_list .text_list .textLists ul li .smallTitle {
  font-weight: bold;
  color: #333333;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 0.4rem;
}
.box_tables .table_list .text_list .textLists ul li .text {
  color: #666666;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.box_tables .table_list .text_list .images_lists ul li {
  padding: 0.8rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 0.1rem solid #d6d6d6;
}
.box_tables .table_list .text_list .images_lists ul li .images {
  width: 30%;
  height: 9rem;
}
.box_tables .table_list .text_list .images_lists ul li .text_lists {
  width: 66%;
}
.box_tables .table_list .text_list .images_lists ul li .text_lists .small_title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3rem;
}
.box_tables .table_list .text_list .images_lists ul li .text_lists .small_textlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #666666;
}
.box_tables .table_list .text_list .images_lists ul li .text_lists .small_textlist .item {
  margin-right: 1rem;
  font-size: 1.2rem;
  line-height: 2.6rem;
}
.box_tables .table_list .text_list .images_lists ul li .text_lists .small_textlist .item:nth-child(2n) {
  margin-right: 0;
}
.box_tables .table_list .text_list .images_lists ul li .text_lists .tally span {
  display: inline-block;
  background: #ee6352;
  color: #ffffff;
  line-height: 2.4rem;
  padding: 0 0.6rem;
  border-radius: 0.2rem;
  margin-bottom: 0.6rem;
}
.box_tables .table_list .text_list .vista_list {
  padding-bottom: 2.4rem;
}
.box_tables .table_list .text_list .vista_list .vistatext {
  font-size: 1.6rem;
  line-height: 3rem;
  color: #666666;
}
.box_tables .table_list .text_list .vista_list .rankinglit .title {
  padding: 0;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner {
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  position: relative;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner::after {
  content: '';
  height: 0.1rem;
  width: 100%;
  background: #d2d2d2;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner:last-child::after {
  display: none;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .item {
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 3.6rem;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .item .number {
  width: 1.6rem;
  height: 1.6rem;
  background: #999999;
  text-align: center;
  line-height: 1.6rem;
  color: #ffffff;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .item:nth-child(1) .number {
  background: #ff3300;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .item:nth-child(2) .number {
  background: #ff6600;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .item:nth-child(3) .number {
  background: #ff9900;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .item .addCity {
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 2%;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .item .position {
  width: 30%;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .item .progress {
  width: 40%;
  margin-left: 2%;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .item .progress .layui-progress {
  background: none;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .item .progress .layui-bg-red {
  background-color: #cf0f19 !important;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .small_title {
  line-height: 2.8rem;
  text-align: right;
  color: #999999;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .price_title {
  color: #cf0f19;
  font-weight: bold;
  line-height: 4.6rem;
  font-size: 2.4rem;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .samll_text {
  margin: 0 -1.5rem;
  line-height: 3.6rem;
  color: #f77f00;
  padding: 0 1.5rem 0.5rem;
  border-bottom: 0.1rem solid #cccccc;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .wageList .wagetitle {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3rem;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .wageList .wage_inner ul li {
  line-height: 2.8rem;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .wageList .wage_inner ul li .samll_price {
  width: 30%;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .wageList .wage_inner ul li .wage_progres {
  width: 55%;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .wageList .wage_inner ul li .wage_progres .layui-bg-red {
  background-color: #cf0f19 !important;
}
.box_tables .table_list .text_list .vista_list .rankinglit .rankingInner .wageList .wage_inner ul li .percentum {
  width: 15%;
  text-align: center;
}
.indextable {
  background: #ffffff;
  margin-bottom: 1.5rem;
}
.indextable .tableTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1.2rem 0.75rem;
  line-height: 3.6rem;
  border-bottom: 0.1rem solid #BBBBBB;
}
.indextable .tableTitle .listitem {
  padding: 0 0.75rem;
  width: 33.33333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 1.6rem;
}
.indextable .tableTitle .listitem .item {
  border: 0.1rem solid #bbbbbb;
}
.indextable .tableTitle .listitem.active .item {
  background: #B42521;
  border: 0.1rem solid #B42521;
  color: #ffffff;
}
.indextable .tableInner {
  padding-top: 1rem;
}
.indextable .tableInner .list_table {
  display: none;
}
.indextable .tableInner .list_table .list_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0.75rem;
  border-bottom: 0.1rem solid #BBBBBB;
}
.indextable .tableInner .list_table .list_title .smallTitle {
  padding: 0 0.75rem;
  line-height: 3.6rem;
  font-size: 1.6rem;
}
.indextable .tableInner .list_table .list_title .smallTitle .title {
  position: relative;
}
.indextable .tableInner .list_table .list_title .smallTitle.active .title::after {
  content: '';
  width: 100%;
  height: 0.2rem;
  background: #B42521;
  position: absolute;
  left: 0;
  bottom: -0.105rem;
  z-index: 10;
}
.indextable .tableInner .list_table .table_list .list {
  display: none;
}
.indextable .tableInner .list_table .table_list .list.show {
  display: block;
}
.indextable .tableInner .list_table .table_list .list_search {
  padding: 1rem 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.indextable .tableInner .list_table .table_list .list_search .input_text {
  width: 80%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.75rem;
  line-height: 3.6rem;
  font-size: 1.4rem;
}
.indextable .tableInner .list_table .table_list .list_search .input_text input {
  color: #33333361;
  line-height: 3.6rem;
  padding: 0 0.4rem;
  width: 100%;
  border: 0.1rem solid #bbbbbb;
}
.indextable .tableInner .list_table .table_list .list_search .input_text input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #33333361;
}
.indextable .tableInner .list_table .table_list .list_search .input_text input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #33333361;
}
.indextable .tableInner .list_table .table_list .list_search .input_text input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #33333361;
}
.indextable .tableInner .list_table .table_list .list_search .input_text input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #33333361;
}
.indextable .tableInner .list_table .table_list .list_search .from_input {
  width: 80%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.indextable .tableInner .list_table .table_list .list_search .from_input .item {
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.75rem;
  font-size: 1.4rem;
}
.indextable .tableInner .list_table .table_list .list_search .from_input .item input {
  line-height: 3.6rem;
  width: 100%;
  color: #33333361;
  padding: 0  0.4rem;
  border: 0.1rem solid #bbbbbb;
}
.indextable .tableInner .list_table .table_list .list_search .from_input .item input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #33333361;
}
.indextable .tableInner .list_table .table_list .list_search .from_input .item input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #33333361;
}
.indextable .tableInner .list_table .table_list .list_search .from_input .item input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #33333361;
}
.indextable .tableInner .list_table .table_list .list_search .from_input .item input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #33333361;
}
.indextable .tableInner .list_table .table_list .list_search .sub_buttom {
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.75rem;
}
.indextable .tableInner .list_table .table_list .list_search .sub_buttom .buttom {
  background: #B42521;
  line-height: 3.8rem;
  color: #ffffff;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 0.8rem;
}
.indextable .tableInner .list_table .table_list .recommend_list .title {
  padding: 0 1.5rem;
  line-height: 3.6rem;
  font-size: 1.6rem;
}
.indextable .tableInner .list_table .table_list .recommend_list .listinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0.75rem;
  height: 7.6rem;
  overflow: hidden;
}
.indextable .tableInner .list_table .table_list .recommend_list .listinner .item {
  font-size: 1.4rem;
  padding: 0 0.75rem;
  margin-bottom: 1rem;
}
.indextable .tableInner .list_table .table_list .recommend_list .listinner .item a {
  display: block;
  line-height: 2.6rem;
  padding: 0 0.7rem;
  border: 0.1rem solid #BBBBBB;
  border-radius: 0.4rem;
}
.indextable .tableInner .list_table.show {
  display: block;
}
.crumbs {
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.crumbs .item {
  line-height: 2rem;
  position: relative;
  padding-right: 1.8rem;
  color: #999999;
  font-size: 1.6rem;
}
.crumbs .item a {
  color: #999999;
}
.crumbs .item::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #999999;
  top: 0;
  line-height: 2rem;
}
.crumbs .item:last-child {
  padding-right: 0;
}
.crumbs .item:last-child::after {
  display: none;
}
.search {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 0.8rem 1.5rem;
}
.search .import .layui-input-block {
  margin-left: 0;
  min-height: 3rem;
}
.search .import .layui-input-block .icon {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  width: 2rem;
  height: 2rem;
  margin-top: -1rem;
  font-size: 1.8rem;
  color: #ed232f;
}
.search .import .layui-input,
.search .import .layui-select,
.search .import .layui-textarea {
  border-radius: 0.5rem;
  height: 3rem;
}
.search .list {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  line-height: 3rem;
}
.search .list .layui-form-item {
  margin-bottom: 0;
}
.search .list .layui-form-label {
  padding: 0.9rem 0;
  text-align: left;
  width: 6rem;
}
.search .list .layui-input-block {
  margin-left: 0;
}
.search .list .layui-form-radio > i:hover,
.search .list .layui-form-radioed > i {
  color: #cf0f19;
}
.search .submit {
  background: #cf0f19;
  color: #ffffff;
  line-height: 3rem;
  border-radius: 0.8rem;
}
.search .submit .layui-btn {
  line-height: 3rem;
  width: 100%;
  background: #cf0f19;
  font-size: 1.6rem;
}
.menuList {
  margin-bottom: 1rem;
  background: #ffffff;
}
.menuList .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1rem 1.5rem;
}
.menuList .swiper-slide .item {
  width: 20%;
  text-align: center;
  margin-bottom: 0.8rem;
}
.menuList .swiper-slide .item .images .icon {
  width: 3.6rem;
  height: 3.6rem;
  margin: 0 auto;
}
.menuList .swiper-slide .item .text {
  line-height: 3rem;
  font-size: 1.6rem;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.menuList .swiper-pagination-bullet-active {
  width: 2rem;
  height: 0.8rem;
  border-radius: 0.8rem;
  background: #ed232f;
}
#page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 3rem;
  font-size: 1.6rem;
  padding: 0.6rem 0;
}
#page.pagex {
  border-top: 0.1rem solid #dcdcdc;
}
#page a {
  display: inline-block;
  color: #999999;
}
#page .number {
  padding: 0 1.6rem;
  border: 0.1rem solid #d6d6d6;
  border-radius: 1.5rem;
  font-size: 1.2rem;
}
#page .up {
  padding-left: 1.5rem;
  position: relative;
}
#page .up::after {
  content: '<';
  position: absolute;
  left: 0;
  font-size: 1.6rem;
  color: #999999;
  top: 0;
  line-height: 3.3rem;
}
#page .next {
  padding-right: 1.5rem;
  position: relative;
}
#page .next::after {
  content: '>';
  position: absolute;
  right: 0;
  font-size: 1.6rem;
  color: #999999;
  top: 0;
  line-height: 3.3rem;
}
#page.pagesx {
  border-top: 0.1rem solid #dfdfdf;
}
.pages {
  padding: 1.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 2.8rem;
}
.pages a {
  font-size: 1.6rem;
  padding: 0 0.8rem;
  border: 0.1rem solid #e8e8e8;
  color: #999999;
}
.pages .number {
  padding: 0 0.4rem;
}
.pages .number a {
  min-width: 1.6rem;
  text-align: center;
  display: inline-block;
}
.pages .number a.active {
  border: 0.1rem solid #cf0f19;
  background: #cf0f19;
  color: #ffffff;
}
.piece_list {
  padding: 1rem 0;
  line-height: 3rem;
  color: #666666;
}
.piece_list .up {
  font-size: 1.6rem;
}
.piece_list .up a {
  color: #333333;
}
.piece_list .next {
  font-size: 1.6rem;
}
.piece_list .next a {
  color: #333333;
}
.box_list {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 0 1.5rem 0.01rem;
}
.box_list .big_title {
  font-size: 2rem;
  line-height: 3.6rem;
  text-align: center;
  font-weight: bold;
}
.box_list .findTitle {
  font-size: 1.6rem;
  line-height: 3.6rem;
  border-bottom: 0.1rem solid #d6d6d6;
  font-weight: bold;
  padding: 0 1.5rem;
  margin: 0 -1.5rem;
}
.box_list .title {
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 3.6rem;
  border-bottom: 0.1rem solid #d6d6d6;
  font-weight: bold;
}
.box_list .title span {
  padding-left: 1.6rem;
  position: relative;
  z-index: 40;
}
.box_list .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.box_list .title .more {
  display: inline-block;
  padding-right: 1.6rem;
  position: relative;
  font-weight: normal;
  line-height: 3.6rem;
  font-size: 1.6rem;
  color: #cf0f19;
}
.box_list .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.box_list .title.noneBoderbottom {
  border-bottom: none;
}
.box_list .inner ul li {
  position: relative;
  padding-left: 1.8rem;
  border-bottom: 0.1rem solid #dcdcdc;
}
.box_list .inner ul li::after {
  position: absolute;
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  left: 0.4rem;
  top: 50%;
  margin-top: -0.3rem;
  background: #cccccc;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.box_list .inner ul li a {
  display: block;
  color: #333333;
  font-size: 1.6rem;
  line-height: 3.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_list .inner ul li a span {
  color: #cf0f19;
  display: inline-block;
  margin-right: 0.4rem;
}
.box_list .inner ul li:last-child {
  border-bottom: none;
}
.box_list .inner .pages {
  border-top: 0.1rem solid #dcdcdc;
}
.box_list .levelList {
  margin: 0 -1.5rem;
}
.box_list .levelList ul li {
  padding: 0 1.5rem;
  line-height: 3.6rem;
  font-size: 1.6rem;
  position: relative;
  border-bottom: 0.1rem solid #ECECEC;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_list .levelList ul li.levelTitle {
  font-weight: bold;
}
.box_list .levelList ul li.levelTitle .icon {
  display: none;
}
.box_list .levelList ul li .icon {
  position: absolute;
  right: 1rem;
  top: 0;
  color: #BDBDBD;
  font-size: 2.4rem;
}
.box_list .levelList ul li a {
  display: block;
  padding-right: 1.5rem;
}
.box_list .oneList {
  margin: 0 -1.5rem;
}
.box_list .oneList ul li {
  padding: 0 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 4.8rem;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 0.1rem solid #dddddd;
}
.box_list .fourList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box_list .fourList ul li {
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.6rem;
  color: #333333;
  line-height: 3.6rem;
}
.box_list .fourList ul li a {
  color: #333333;
}
.box_list .fourLists {
  padding: 1rem 0;
}
.box_list .fourLists ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.box_list .fourLists ul li {
  width: 25%;
  box-sizing: border-box;
  font-size: 1.6rem;
  color: #333333;
  line-height: 3rem;
  padding: 0 0.4rem;
  margin-bottom: 0.8rem;
}
.box_list .fourLists ul li a {
  text-align: center;
  display: block;
  color: #333333;
  border-radius: 0.4rem;
  border: 0.1rem solid #dedede;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_list .from_list {
  padding: 1rem 0;
}
.box_list .from_list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.5rem;
}
.box_list .from_list .list .item {
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.5rem;
}
.box_list .from_list .list .item input {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.1rem solid #e6e6e6;
  border-radius: 0.2rem;
  line-height: 2.8rem;
  height: 2.8rem;
  font-size: 1.6rem;
}
.box_list .from_list .list .item.submitbuttom input {
  background: #cf0f19;
  border: 0.1rem solid #cf0f19;
  color: #ffffff;
}
.box_list .textinner {
  line-height: 3rem;
  font-size: 1.6rem;
  color: #333333;
}
.box_list .three_list {
  padding-top: 1rem;
}
.box_list .three_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.5rem;
}
.box_list .three_list ul li {
  width: 33.33333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.5rem;
  margin-bottom: 1rem;
  text-align: center;
}
.box_list .three_list ul li a {
  display: block;
  font-size: 1.6rem;
  line-height: 3rem;
  border-radius: 0.6rem;
  color: #333333;
  border: 0.1rem solid #d2d2d2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_list .imagesinner {
  padding-top: 1rem;
  padding-bottom: 0.2rem;
}
.box_list .imagesinner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.5rem;
}
.box_list .imagesinner ul li {
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.5rem;
  margin-bottom: 0.8rem;
}
.box_list .imagesinner ul li a {
  display: block;
}
.box_list .imagesinner ul li a .images {
  width: 4.5rem;
  height: 4.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}
.box_list .imagesinner ul li a .images img {
  max-width: 100%;
  max-height: 100%;
}
.box_list .imagesinner ul li a .text {
  text-align: center;
  line-height: 2.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem;
}
.box_list .eitherList {
  padding-top: 1.5rem;
}
.box_list .eitherList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box_list .eitherList ul li {
  margin-bottom: 1.5rem;
  width: 49%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.box_list .eitherList ul li a {
  font-size: 1.4rem;
  border-radius: 1rem;
  display: block;
  border: 0.1rem solid #dedede;
  text-align: center;
  line-height: 3.6rem;
}
.box_list .textList {
  font-size: 1.4rem;
  line-height: 2.4rem;
  height: 6.8rem;
  overflow: hidden;
  padding-top: 0.6rem;
}
.box_list .recordmore {
  width: 40%;
  margin: 1.5rem auto;
  border: 0.1rem solid #e9e9e9;
  line-height: 3rem;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 1.8rem;
}
.box_list .HotList ul li {
  border-bottom: 0.1rem solid #d6d6d6;
}
.box_list .HotList ul li:last-child {
  border-bottom: none;
}
.box_list .HotList ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 3.6rem;
}
.box_list .HotList ul li a span {
  font-size: 1.6rem;
  max-width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_list .HotList ul li a span.icon {
  font-size: 2.6rem;
}
.box_list .tableList {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.box_list .tableList ul {
  border: 0.1rem solid #dedede;
}
.box_list .tableList ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: center;
  line-height: 3rem;
  font-size: 1.2rem;
  border-bottom: 0.1rem solid #dedede;
}
.box_list .tableList ul li:first-child {
  background-color: #eeeeee;
}
.box_list .tableList ul li:last-child {
  border-bottom: none;
}
.box_list .tableList ul li .item {
  width: 16.66666667%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 0.1rem solid #dedede;
}
.box_list .tableList ul li .item:last-child {
  border-right: none;
}
.box_list .fiveTableList {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.box_list .fiveTableList ul {
  border: 0.1rem solid #dedede;
}
.box_list .fiveTableList ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: center;
  line-height: 3rem;
  font-size: 1.2rem;
  border-bottom: 0.1rem solid #dedede;
}
.box_list .fiveTableList ul li:first-child {
  background-color: #eeeeee;
}
.box_list .fiveTableList ul li:last-child {
  border-bottom: none;
}
.box_list .fiveTableList ul li .item {
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 0.1rem solid #dedede;
}
.box_list .fiveTableList ul li .item:last-child {
  border-right: none;
}
.box_list .imagestable {
  padding: 1rem 0;
}
.box_list .imagestable .tableHeder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.box_list .imagestable .tableHeder .item {
  width: 30%;
  text-align: center;
  line-height: 3rem;
  border: 0.1rem solid #dedede;
  border-radius: 0.6rem;
}
.box_list .imagestable .tableHeder .item.active {
  background: #cf0f19;
  border: 0.1rem solid #cf0f19;
  color: #ffffff;
}
.box_list .imagestable .tableInner .list {
  display: none;
}
.box_list .imagestable .tableInner .list.show {
  display: block;
}
.box_list .imagestable .tableInner .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.box_list .imagestable .tableInner .list ul li {
  width: 30%;
  text-align: center;
  margin-bottom: 1.5rem;
}
.box_list .imagestable .tableInner .list ul li .text {
  line-height: 3rem;
  font-size: 1.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_list .gradeTable {
  margin: 0 -1.5rem;
}
.box_list .gradeTable .gradeHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 1.5rem;
  border-bottom: 1px solid #bbbbbb;
  margin-bottom: 1rem;
}
.box_list .gradeTable .gradeHeader .item {
  width: 16.66666667%;
  line-height: 3.2rem;
  font-size: 1.6rem;
}
.box_list .gradeTable .gradeHeader .item.active {
  color: #cf0f19;
}
.box_list .gradeTable .gradeList {
  padding: 0 1rem;
}
.box_list .gradeTable .gradeList .list {
  display: none;
}
.box_list .gradeTable .gradeList .list.show {
  display: block;
}
.box_list .gradeTable .gradeList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -0.5rem;
}
.box_list .gradeTable .gradeList ul li {
  width: 25%;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: #333333;
  line-height: 3rem;
  padding: 0 0.4rem;
  margin-bottom: 0.8rem;
}
.box_list .gradeTable .gradeList ul li a {
  text-align: center;
  display: block;
  color: #333333;
  border-radius: 0.4rem;
  border: 0.1rem solid #dedede;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_list .threeImagesText {
  padding-top: 1rem;
}
.box_list .threeImagesText ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.box_list .threeImagesText ul li {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 1rem;
}
.box_list .threeImagesText ul li:nth-child(3n) {
  margin-right: 0;
}
.box_list .threeImagesText ul li .text {
  font-size: 1.4rem;
  line-height: 2.8rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_list .Text_list {
  margin: 0 -1.5rem;
  padding-bottom: 1rem;
}
.box_list .Text_list .itemList .item_title {
  margin-bottom: 1rem;
  position: relative;
  line-height: 3.4rem;
  padding: 0 1.5rem;
  border-bottom: 0.1rem dashed #dedede;
}
.box_list .Text_list .itemList .item_title a {
  display: block;
  font-size: 1.6rem;
}
.box_list .Text_list .itemList .item_title .icon {
  position: absolute;
  right: 1rem;
  top: 0;
  font-size: 2.4rem;
}
.box_list .Text_list .itemList .itemInner {
  padding: 0 1rem;
  border-bottom: 0.1rem solid #dedede;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.box_list .Text_list .itemList .itemInner .item {
  width: 25%;
  box-sizing: border-box;
  padding: 0 0.5rem;
  text-align: center;
  margin-bottom: 1rem;
}
.box_list .Text_list .itemList .itemInner .item a {
  line-height: 3.4rem;
  border: 0.1rem solid #dedede;
  display: block;
}
.box_table_list {
  background: #ffffff;
  padding: 0 1.5rem 0.2rem;
  margin-bottom: 1.5rem;
}
.box_table_list .title {
  line-height: 3.6rem;
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  border-bottom: 0.1rem solid #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box_table_list .title span {
  font-weight: bold;
  font-size: 1.8rem;
  position: relative;
  padding-left: 1.6rem;
}
.box_table_list .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.box_table_list .title .more {
  position: relative;
  color: #cf0f19;
  padding-right: 1.5rem;
  display: inline-block;
}
.box_table_list .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.box_table_list .table_list {
  padding-top: 1.5rem;
}
.box_table_list .table_list .images_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box_table_list .table_list .images_top .images_list {
  width: 48%;
}
.box_table_list .table_list .images_top .images_list img {
  height: 12rem!important;
}
.box_table_list .table_list .images_top .images_list .text {
  text-align: center;
  font-size: 1.6rem;
  line-height: 3rem;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_table_list .table_list .images_top .images_list .text a {
  color: #333333;
}
.box_table_list .table_list .item_list ul li {
  position: relative;
  padding-left: 1.8rem;
  border-bottom: 0.1rem solid #dcdcdc;
}
.box_table_list .table_list .item_list ul li::after {
  position: absolute;
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  left: 0.4rem;
  top: 50%;
  margin-top: -0.3rem;
  background: #cf0f19;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.box_table_list .table_list .item_list ul li a {
  display: block;
  color: #333333;
  font-size: 1.6rem;
  line-height: 3.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box_table_list .table_list .item_list ul li:last-child {
  border-bottom: none;
}
.box_table_list .table_list .item_list .more {
  width: 40%;
  margin: 0.5rem auto;
}
.box_table_list .table_list .item_list .more a {
  text-align: center;
  display: block;
  background: #f2f2f2;
  color: #333333;
  border-radius: 1.5rem;
  line-height: 3rem;
  font-size: 1.6rem;
}
.box_table_list .table_list .seven_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1rem;
}
.box_table_list .table_list .seven_list .item {
  width: 14.28571429%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  margin-bottom: 1rem;
  line-height: 3rem;
  padding: 0 0.12rem;
}
.box_table_list .table_list .seven_list .item a {
  display: block;
  border-radius: 0.6rem;
  margin: 0 auto;
  width: 80%;
  font-size: 1.6rem;
  color: #333333;
  border: 0.1rem solid #d6d6d6;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.footer .footer_list {
  padding: 1rem 1.5rem;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer .footer_list .item {
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.2rem;
  margin-bottom: 1.5rem;
}
.footer .footer_list .item a {
  text-align: center;
  font-size: 1.6rem;
  display: block;
  border: 0.1rem solid #dcdcdc;
  color: #333333;
  line-height: 3rem;
  border-radius: 1.5rem;
}
.footer .footer_list .more {
  width: 40%;
  margin: 0 auto;
}
.footer .footer_list .more a {
  text-align: center;
  display: block;
  background: #f2f2f2;
  color: #333333;
  border-radius: 1.5rem;
  line-height: 3rem;
  font-size: 1.6rem;
}
.footer .footer_text {
  padding: 1rem 0;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  line-height: 3.6rem;
  background: #cf0f19;
}
.tabarList {
  background: #ffffff;
  position: fixed;
  z-index: 60;
  left: 0;
  bottom: 0;
  width: 100%;
  display: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: center;
  border-top: 0.1rem solid #e6e6e6;
  padding: 0.4rem 0;
}
.tabarList .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tabarList .item .images .icon {
  font-size: 2.6rem;
  color: #666666;
}
.tabarList .item .text {
  font-size: 1.6rem;
  line-height: 3rem;
  color: #666666;
}
.tabarList .item.active .images .icon {
  color: #cf0f19;
}
.tabarList .item.active .text {
  color: #cf0f19;
}
.box_character {
  background: #ffffff;
  margin-bottom: 1.5rem;
}
.box_character .big_title {
  padding-top: 0.8rem;
  font-size: 2rem;
  font-weight: bold;
  line-height: 3.6rem;
  text-align: center;
}
.box_character .title {
  padding: 0 1.5rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 3.6rem;
  border-bottom: 0.1rem solid #d6d6d6;
  font-weight: bold;
}
.box_character .title span {
  padding-left: 1.6rem;
  position: relative;
  z-index: 40;
}
.box_character .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.box_character .title .more {
  display: inline-block;
  padding-right: 1.6rem;
  position: relative;
  font-weight: normal;
  line-height: 3.6rem;
  font-size: 1.6rem;
  color: #cf0f19;
}
.box_character .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.box_character .inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.5rem 0.5rem 0;
}
.box_character .inner ul li {
  width: 16.66666667%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.5rem;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.box_character .inner ul li a {
  display: block;
  line-height: 3rem;
  background: #efefef;
  text-align: center;
  border-radius: 0.6rem;
}
.box_character .twinInner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.5rem 0.5rem 0;
}
.box_character .twinInner ul li {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.5rem;
  margin-bottom: 1rem;
  font-size: 1.6rem;
}
.box_character .twinInner ul li a {
  display: block;
  line-height: 3rem;
  border: 0.1rem solid #cfcfcf;
  text-align: center;
  border-radius: 0.6rem;
}
.marginBottom {
  margin-bottom: 1.5rem;
}
.white_bg .title {
  background: #ffffff !important;
}
.paddingTop {
  padding-top: 1.5rem;
}
.error_bg {
  background: #ffffff;
  padding: 2rem 1.5rem;
  margin-bottom: 1.5rem;
  min-height: 20rem;
  background-image: url('/Images/mobile/error.png');
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-position: center center;
}
.notFound {
  background: #ffffff;
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
  min-height: 20rem;
  background-image: url('/Images/mobile/404.png');
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-position: center center;
}
.menuxList {
  height: 100%;
  width: 100%;
  position: fixed;
}
.menuxList .left_name {
  width: 30%;
  background: #efefef;
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: scroll;
  padding-bottom: 14rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}
.menuxList .left_name .item {
  line-height: 4rem;
  border-top: 0.1rem solid #dedede;
  border-right: 0.1rem solid #dedede;
  padding-left: 0.6rem;
  text-align: center;
  position: relative;
  font-size: 1.6rem;
}
.menuxList .left_name .item.active {
  border-top: 0.1rem solid #ffffff;
  background: #ffffff;
  border-right: 0.1rem solid #ffffff;
  color: #cf0f19;
}
.menuxList .left_name .item.active::after {
  content: '';
  position: absolute;
  left: 0;
  top: -0.1rem;
  height: 4.1rem;
  width: 0.5rem;
  background: #cf0f19;
  z-index: 10;
}
.menuxList .left_name .item:last-child {
  border-bottom: 0.1rem solid #dedede;
}
.menuxList .right_text {
  width: 70%;
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
  overflow-y: scroll;
  background: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1rem 1rem 14rem;
}
.menuxList .right_text .list {
  display: none;
}
.menuxList .right_text .list .item_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 3rem;
}
.menuxList .right_text .list .item_list .item {
  border: 0.1rem solid #e6e6e6;
  padding: 0 0.6rem;
  margin-right: 0.6rem;
  border-radius: 0.6rem;
  margin-bottom: 1.5rem;
}
.instrument {
  background: #ffffff;
  margin-bottom: 1.5rem;
}
.instrument .title {
  padding: 0 1.5rem;
  line-height: 4rem;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 0.1rem solid #d6d6d6;
}
.instrument .title span {
  padding-left: 1rem;
  position: relative;
}
.instrument .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.instrument .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1rem 1.5rem 0;
}
.instrument .inner .item {
  margin-bottom: 1rem;
  width: 25%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.instrument .inner .item a {
  display: block;
}
.instrument .inner .item .PNG .icon {
  width: 4rem;
  height: 4rem;
  margin: 0 auto;
}
.instrument .inner .item .text {
  font-size: 1.6rem;
  line-height: 3.2rem;
  color: #333333;
}
.carteList {
  background: #ffffff;
  padding: 1rem 1.5rem;
}
.carteList .title {
  line-height: 3rem;
  padding-left: 1.5rem;
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
}
.carteList .title::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -1rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.carteList .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 0.4rem;
  border-bottom: 0.1rem solid #dfdfdf;
}
.carteList .inner .item {
  margin-right: 0.7rem;
  font-size: 1.6rem;
  color: #333333;
  line-height: 3rem;
}
.carteList .inner .item a {
  color: #333333;
}
.carteList:last-child .inner {
  border-bottom: none;
  padding-bottom: 0;
}
.strokeList {
  background: #ffffff;
}
.strokeList .title {
  line-height: 3rem;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 1.5rem 0.5rem;
  background: #f4f5f5;
}
.strokeList .title span {
  padding-left: 1.5rem;
  position: relative;
}
.strokeList .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -1rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.strokeList .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 0.1rem solid #d6d6d6;
  position: relative;
  z-index: 1;
}
.strokeList .inner::after {
  width: 100%;
  height: 0.1rem;
  position: absolute;
  background: #d6d6d6;
  content: '';
  left: 0;
  bottom: 0;
  z-index: 10;
}
.strokeList .inner .item {
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  line-height: 3rem;
  font-size: 1.6rem;
  border-bottom: 0.1rem solid #d6d6d6;
  border-right: 0.1rem solid #d6d6d6;
  position: relative;
}
.strokeList .inner .item:nth-child(5n) {
  border-right: none;
}
.strokeList .inner .item a {
  color: #333333;
}
.spellList {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
}
.spellList .title {
  font-size: 1.8rem;
  line-height: 3.6rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.spellList .item_list {
  margin-bottom: 1rem;
}
.spellList .item_list .samll_title {
  line-height: 3rem;
  padding-left: 1.5rem;
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.spellList .item_list .samll_title::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -1rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.spellList .item_list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1rem;
}
.spellList .item_list .list .item {
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.4rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
.spellList .item_list .list .item a {
  border: 0.1rem solid #d6d6d6;
  display: block;
  padding: 0.5rem;
}
.spellList .item_list .list .item .size {
  position: relative;
  color: #000;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  margin: 0 auto;
  border: 0.1rem solid #000000;
  z-index: 40;
  font-size: 3rem;
}
.spellList .item_list .list .item .size::after {
  content: '';
  border-bottom: 0.1rem dashed #cccccc;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -0.05rem;
  z-index: -1;
}
.spellList .item_list .list .item .size::before {
  content: '';
  border-right: 0.1rem dashed #cccccc;
  position: absolute;
  height: 100%;
  left: 50%;
  top: 0%;
  margin-left: -0.05rem;
  z-index: -1;
}
.spellList .item_list .list .item .name,
.spellList .item_list .list .item .text {
  color: #cf0f19;
  line-height: 2rem;
}
.ideaDetails {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 0 1.5rem 0.6rem;
}
.ideaDetails .ideatitle {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 3.6rem;
  margin-bottom: 1rem;
}
.ideaDetails .explain {
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ideaDetails .explain .leftexplain {
  width: 24%;
}
.ideaDetails .explain .leftexplain .fontsize {
  margin-bottom: 0.6rem;
  position: relative;
  width: 8rem;
  height: 8rem;
  border: 0.1rem solid #000000;
  line-height: 8rem;
  text-align: center;
  font-size: 6rem;
  z-index: 40;
  font-family: 'KaiTi';
}
.ideaDetails .explain .leftexplain .fontsize .icon1 {
  position: absolute;
  font-size: 8rem;
  left: 0;
  top: 0;
  color: #cccccc;
  z-index: -1;
}
.ideaDetails .explain .leftexplain .fontsize .icon_play {
  right: 0;
  top: 0;
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  z-index: 1;
}
@media screen and (max-width: 320px) {
  .ideaDetails .explain .leftexplain  .fontsize {
    margin-bottom: 0.6rem;
    position: relative;
    width: 7rem;
    height: 7rem;
    border: 0.1rem solid #000000;
    line-height: 7rem;
    text-align: center;
    font-size: 6rem;
    z-index: 40;
    font-family: 'KaiTi';
  }
  .ideaDetails .explain .leftexplain  .fontsize .icon1 {
    position: absolute;
    font-size: 7rem;
    left: 0;
    top: 0;
    color: #cccccc;
    z-index: -1;
  }
  .ideaDetails .explain .leftexplain  .fontsize .icon_play {
    right: 0;
    top: 0;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 1;
  }
}
.ideaDetails .explain .right_explain {
  width: 68%;
  line-height: 2rem;
  font-size: 1.2rem;
}
.ideaDetails .explain .right_explain .table {
  border: 0.1rem solid #e2dfe0;
  border-bottom: none;
}
.ideaDetails .explain .right_explain .table .item_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 2.4rem;
  border-bottom: 0.1rem solid #e2dfe0;
}
.ideaDetails .explain .right_explain .table .item_list .name {
  width: 28%;
  background: #fff8f9;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.2rem;
  border-right: 0.1rem solid #e2dfe0;
}
.ideaDetails .explain .right_explain .table .item_list .number {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 72%;
  font-size: 1.2rem;
  padding: 0 0.4rem;
  line-height: 2.22rem;
}
.ideaDetails .explain .right_explain .table .item_list .number span {
  margin-right: 0.6rem;
}
.ideaDetails .explain .right_explain .table .item_list .number .icon {
  color: #cf0f19;
  font-size: 1.6rem;
}
.ideaDetails .explain .right_explain .table .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 2.4rem;
  border-bottom: 0.1rem solid #e2dfe0;
}
.ideaDetails .explain .right_explain .table .item .small_list {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-right: 0.1rem solid #e2dfe0;
}
.ideaDetails .explain .right_explain .table .item .small_list:nth-child(2n) {
  border-right: none;
}
.ideaDetails .explain .right_explain .table .item .small_list .name {
  width: 56.5%;
  background: #fff8f9;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 0.1rem solid #e2dfe0;
}
.ideaDetails .explain .right_explain .table .item .small_list .number {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.4rem;
}
.ideaDetails .explain .right_explain .table .item .small_list .number span {
  margin-right: 0.6rem;
}
.ideaDetails .explain .right_explain .table .item .small_list .number .icon {
  color: #cf0f19;
  font-size: 1.6rem;
}
.ideaDetails .explains {
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ideaDetails .explains .leftexplain {
  width: 30%;
  margin: 0 1rem;
  text-align: center;
}
.ideaDetails .explains .leftexplain .title {
  text-align: center;
  font-size: 1.6rem;
  line-height: 3.2rem;
}
.ideaDetails .explains .leftexplain .fontsize {
  margin: 0 auto;
  position: relative;
  width: 8rem;
  height: 8rem;
  border: 0.1rem solid #000000;
  line-height: 8rem;
  text-align: center;
  font-size: 6rem;
  z-index: 40;
  font-family: 'KaiTi';
}
.ideaDetails .explains .leftexplain .fontsize .icon1 {
  position: absolute;
  font-size: 8rem;
  left: 0;
  top: 0;
  color: #cccccc;
  z-index: -1;
}
.ideaDetails .explains .leftexplain .fontsize .icon_play {
  right: 0;
  top: 0;
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  z-index: 1;
}
@media screen and (max-width: 320px) {
  .ideaDetails .explains .leftexplain  .fontsize {
    margin-bottom: 0.6rem;
    position: relative;
    width: 7rem;
    height: 7rem;
    border: 0.1rem solid #000000;
    line-height: 7rem;
    text-align: center;
    font-size: 6rem;
    z-index: 40;
    font-family: 'KaiTi';
  }
  .ideaDetails .explains .leftexplain  .fontsize .icon1 {
    position: absolute;
    font-size: 7rem;
    left: 0;
    top: 0;
    color: #cccccc;
    z-index: -1;
  }
  .ideaDetails .explains .leftexplain  .fontsize .icon_play {
    right: 0;
    top: 0;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 1;
  }
}
.ideaDetails .explains .textList {
  width: 38%;
  margin: 0 1rem;
}
.ideaDetails .explains .textList .title {
  text-align: center;
  font-size: 1.6rem;
  line-height: 3.2rem;
}
.ideaDetails .explains .textList .list .item {
  border: 0.1rem dashed  #666666;
  line-height: 3rem;
  margin-bottom: 0.6rem;
  text-align: center;
  font-size: 1.4rem;
}
.ideaDetails .explains .textList .list .item span {
  font-weight: bold;
}
.ideaDetails .list_table {
  margin-bottom: 1.5rem;
}
.ideaDetails .list_table .table {
  border: 0.1rem solid #e2dfe0;
  border-bottom: none;
}
.ideaDetails .list_table .table .item_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 2.4rem;
  border-bottom: 0.1rem solid #e2dfe0;
}
.ideaDetails .list_table .table .item_list .name {
  width: 28%;
  background: #fff8f9;
  text-align: center;
  font-size: 1.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 2.4rem;
  border-right: 0.1rem solid #e2dfe0;
}
.ideaDetails .list_table .table .item_list .number {
  width: 72%;
  line-height: 2.22rem;
  height: 2.22rem;
  overflow: hidden;
  padding: 0 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ideaDetails .list_table .table .item_list .number span {
  display: inline-block;
  margin-right: 0.6rem;
}
.ideaDetails .list_table .table .item_list .number .icon {
  color: #cf0f19;
  font-size: 1.6rem;
}
.ideaDetails .list_table .table .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 2.4rem;
  border-bottom: 0.1rem solid #e2dfe0;
}
.ideaDetails .list_table .table .item .small_list {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-right: 0.1rem solid #e2dfe0;
}
.ideaDetails .list_table .table .item .small_list:nth-child(2n) {
  border-right: none;
}
.ideaDetails .list_table .table .item .small_list .name {
  width: 56.5%;
  background: #fff8f9;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.2rem;
  border-right: 0.1rem solid #e2dfe0;
}
.ideaDetails .list_table .table .item .small_list .number {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.4rem;
}
.ideaDetails .list_table .table .item .small_list .number span {
  margin-right: 0.6rem;
}
.ideaDetails .list_table .table .item .small_list .number .icon {
  color: #cf0f19;
  font-size: 1.6rem;
}
.ideaDetails .threeList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.5rem;
}
.ideaDetails .threeList ul li {
  min-width: 33.33333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.5rem;
  margin-bottom: 1rem;
  font-size: 1.6rem;
}
.ideaDetails .threeList ul li a {
  display: block;
  border: 0.1rem solid #e6e6e6;
  text-align: center;
  padding: 0 0.4rem;
  line-height: 3rem;
  border-radius: 0.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ideaDetails .details_list {
  margin-bottom: 1.5rem;
}
.ideaDetails .details_list .item {
  position: relative;
  margin-left: -0.1rem;
}
.ideaDetails .details_list .item .character {
  text-align: center;
  font-size: 2rem;
  border: 0.1rem solid #8c8c8c;
  position: relative;
  z-index: 40;
}
.ideaDetails .details_list .item .text {
  font-size: 1.6rem;
  line-height: 3.4rem;
  text-align: center;
  color: #cf0f19;
  min-height: 3.8rem;
}
.ideaDetails .details_list .item .text span {
  display: inline-block;
}
.ideaDetails .mean_list {
  margin-bottom: 0.5rem;
  border-bottom: 0.1rem solid #e6e6e6;
}
.ideaDetails .mean_list .list {
  margin: 0 -0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ideaDetails .mean_list .list .item {
  min-width: 33.33333333%;
  padding: 0 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.6rem;
}
.ideaDetails .mean_list .list .item a {
  color: #333333;
  display: block;
  background: #efefef;
  line-height: 3rem;
  border-radius: 0.6rem;
  padding: 0 0.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ideaDetails .Surnames_list {
  margin-bottom: 0.5rem;
  border-bottom: 0.1rem solid #e6e6e6;
}
.ideaDetails .Surnames_list .list {
  margin: 0 -0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ideaDetails .Surnames_list .list .item {
  min-width: 25%;
  padding: 0 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.6rem;
}
.ideaDetails .Surnames_list .list .item a {
  display: block;
  border: 0.1rem solid #cf0f19;
  color: #cf0f19;
  line-height: 3rem;
  border-radius: 0.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ideaDetails .termsList {
  border-bottom: 0.1rem solid #d6d6d6;
  margin-bottom: 1rem;
}
.ideaDetails .termsList:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.ideaDetails .termsList .title {
  line-height: 3.6rem;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.ideaDetails .termsList .svg_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ideaDetails .termsList .svg_inner .text_list {
  width: 4rem;
  height: 4rem;
}
.ideaDetails .termsList .inner {
  margin: 0 -0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ideaDetails .termsList .inner .itemlist {
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 0 0.5rem;
}
.ideaDetails .termsList .inner .itemlist .item {
  border: 0.1rem solid #707070;
}
.ideaDetails .termsList .inner .itemlist .item .fontsize {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 40;
  width: 100%;
  height: 6rem;
  text-align: center;
  font-size: 5rem;
  line-height: 6rem;
  font-family: 'KaiTi';
}
.ideaDetails .termsList .inner .itemlist .item .fontsize .fontsvg {
  width: 6rem;
  height: 6rem;
}
.ideaDetails .termsList .inner .itemlist .item .fontsize::after {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.05rem;
  height: 0.1rem;
  width: 100%;
  content: '';
  border-bottom: 0.1rem dashed #d9d9d9;
}
.ideaDetails .termsList .inner .itemlist .item .fontsize::before {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -0.05rem;
  height: 100%;
  width: 0.1rem;
  content: '';
  border-right: 0.1rem dashed #d9d9d9;
}
.ideaDetails .termsList .inner .itemlist .item .text {
  line-height: 3rem;
  font-size: 1.6rem;
  color: #333333;
  background: #f9c9c5;
  text-align: center;
}
.ideaDetails .termsList .inner .itemlist .item .text a {
  color: #333333;
}
.ideaDetails .ideaList {
  height: 25rem;
  overflow: hidden;
  padding-bottom: 0.6rem;
}
.ideaDetails .ideaList .list {
  border-bottom: 0.1rem solid #d6d6d6;
  margin-bottom: 1rem;
}
.ideaDetails .ideaList .list .title {
  line-height: 3.6rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.ideaDetails .ideaList .list .twinList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ideaDetails .ideaList .list .twinList .item {
  width: 49%;
  font-size: 1.6rem;
  color: #666666;
  line-height: 3rem;
}
.ideaDetails .ideaList .list .text {
  line-height: 3rem;
  font-size: 1.6rem;
}
.ideaDetails .ideaList .list:last-child {
  border-bottom: none;
}
.ideaDetails .images_text_list {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ideaDetails .images_text_list .images {
  width: 30%;
  height: 10rem;
  overflow: hidden;
  border-radius: 1rem;
}
.ideaDetails .images_text_list .right_text {
  width: 66%;
}
.ideaDetails .images_text_list .right_text .samll_title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3rem;
}
.ideaDetails .images_text_list .right_text .small_text {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #999999;
}
.ideaDetails .synopsis {
  height: 28rem;
  overflow: hidden;
  color: #333333;
  font-size: 1.6rem;
  line-height: 2.8rem;
}
.ideaDetails .more {
  width: 40%;
  margin: 1.5rem auto;
  border: 0.1rem solid #e9e9e9;
  line-height: 3rem;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 1.8rem;
}
.ideaDetails .recordmore {
  width: 40%;
  margin: 1.5rem auto;
  border: 0.1rem solid #e9e9e9;
  line-height: 3rem;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 1.8rem;
}
.solitaireDetails {
  margin-bottom: 1.5rem;
  background: #ffffff;
  padding: 0 1.5rem;
}
.solitaireDetails .title {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3.6rem;
  margin-bottom: 1rem;
}
.solitaireDetails .chooseList {
  margin-bottom: 1rem;
  line-height: 3rem;
}
.solitaireDetails .chooseList .layui-form-item {
  margin-bottom: 0;
}
.solitaireDetails .chooseList .layui-form-label {
  padding: 0.9rem 0;
  text-align: left;
  width: 6rem;
}
.solitaireDetails .chooseList .layui-input-block {
  margin-left: 0;
}
.solitaireDetails .chooseList .layui-form-radio > i:hover,
.solitaireDetails .chooseList .layui-form-radioed > i {
  color: #cf0f19;
}
.solitaireDetails .details_list {
  margin-bottom: 1.5rem;
}
.solitaireDetails .details_list .listitem ul {
  padding-bottom: 3rem;
  margin: 0 -0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.solitaireDetails .details_list .listitem ul li {
  width: 33.33333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.5rem;
  margin-bottom: 1rem;
}
.solitaireDetails .details_list .listitem ul li .item {
  display: block;
  position: relative;
  line-height: 3rem;
  text-align: center;
  font-size: 1.6rem;
  border: 0.1rem solid #e6e6e6;
  border-radius: 0.6rem;
}
.solitaireDetails .details_list .listitem ul li .item.active {
  color: #ffffff;
  background: #cf0f19;
  border: 0.1rem solid #cf0f19;
}
.solitaireDetails .details_list .listitem ul .icon {
  width: 2.2rem;
  position: absolute;
  left: 50%;
  margin-left: -1.1rem;
  bottom: 1rem;
  font-size: 2rem;
  color: #999999;
}
.solitaireDetails .details_list .listitem:last-child ul:last-child {
  padding-bottom: 0;
}
.solitaireDetails .details_list .listitem:last-child ul:last-child .icon {
  display: none;
}
.solitaireDetails .consequence {
  color: #cf0f19;
  font-size: 1.6rem;
  line-height: 4rem;
  background: #f4f5f5;
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  margin-bottom: 1rem;
}
.solitaireDetails .consequence_list .samll_title {
  line-height: 3.6rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.solitaireDetails .consequence_list .consequenceinner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.solitaireDetails .consequence_list .consequenceinner ul li {
  width: 33.33333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 2rem;
  margin-bottom: 1rem;
  position: relative;
}
.solitaireDetails .consequence_list .consequenceinner ul li .item {
  display: block;
  position: relative;
  line-height: 3rem;
  text-align: center;
  font-size: 1.6rem;
  border: 0.1rem solid #e6e6e6;
  border-radius: 0.6rem;
}
.solitaireDetails .consequence_list .consequenceinner ul li .item.active {
  background: #cf0f19;
  border: 0.1rem solid #cf0f19;
}
.solitaireDetails .consequence_list .consequenceinner ul li .icon {
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  right: 0.4rem;
  top: 50%;
  margin-top: -0.6rem;
  font-size: 1.6rem;
  color: #999999;
}
.solitaireDetails .consequence_list .consequenceinner ul li:last-child .icon {
  display: none;
}
.classificationList {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
}
.classificationList .title {
  color: #ed232f;
  line-height: 3.6rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.classificationList .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.classificationList .inner .item {
  line-height: 3rem;
  margin-right: 0.4rem;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  border: 0.1rem solid #d9d9d9;
  color: #333333;
}
.classificationList .inner .item a {
  color: #333333;
}
.graphicList {
  background: #ffffff;
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
}
.graphicList .title {
  line-height: 3.6rem;
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  border-bottom: 0.1rem solid #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.graphicList .title span {
  font-weight: bold;
  font-size: 1.8rem;
  position: relative;
  padding-left: 1.6rem;
}
.graphicList .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.graphicList .inner ul li {
  padding: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 0.1rem solid #ececec;
  overflow: hidden;
}
.graphicList .inner ul li .images {
  margin-right: 1rem;
}
.graphicList .inner ul li .images a {
  display: block;
}
.graphicList .inner ul li .images img {
  width: 12rem;
  height: 10rem;
}
.graphicList .inner ul li .text {
  width: 100%;
}
.graphicList .inner ul li .text .small_title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  height: 2.4rem;
  font-weight: bold;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.graphicList .inner ul li .text .small_title a {
  display: block;
  color: #333333;
}
.graphicList .inner ul li .text .small_text {
  margin-top: 0.6rem;
  font-size: 1.2rem;
  color: #999999;
  line-height: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.graphicList .inner ul li .text .small_text a {
  color: #999999;
}
.graphicList .inner ul li .text .sm_title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  height: 2.4rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.graphicList .inner ul li .text .sm_title a {
  font-size: 1.6rem;
  display: block;
  color: #333333;
}
.graphicList .inner ul li .text .time {
  display: none;
  line-height: 2.4rem;
}
.graphicList .inner ul li .text .time .icon {
  font-size: 1.2rem;
  color: #cccccc;
}
.graphicList .inner ul li .text_list {
  width: 100%;
}
.graphicList .inner ul li .text_list .small_title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  height: 4.8rem;
  color: #333333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.graphicList .inner ul li .text_list .small_title a {
  display: block;
  color: #333333;
}
.graphicList .inner ul li .text_list .time {
  line-height: 2.4rem;
}
.graphicList .inner ul li .text_list .time .icon {
  font-size: 1.2rem;
  color: #cccccc;
}
.mainDetails {
  background: #ffffff;
  padding: 0.4rem 1.5rem;
  margin-bottom: 1.5rem;
}
.mainDetails .main_title {
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: bold;
  text-align: center;
}
.mainDetails .main_title h3 {
  font-weight: bold;
}
.mainDetails .main_title h3 a {
  font-weight: bold;
}
.mainDetails .small_title {
  text-align: center;
  color: #999999;
  line-height: 2.8rem;
  font-size: 1.6rem;
}
.mainDetails .small_title .text {
  margin: 0 0.4rem;
}
.mainDetails .poetryText {
  font-size: 1.8rem;
  line-height: 3.6rem;
  text-align: center;
  color: #595858;
}
.mainDetails .SolaArticle {
  height: 55rem;
  margin: 0 -1.5rem;
  overflow: hidden;
}
.mainDetails .SolaArticle .Sola_list .title {
  color: #CF0F19;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 4.2rem;
}
.mainDetails .SolaArticle .Sola_list .Sola_text {
  color: #101010;
  font-size: 1.6rem;
  line-height: 2.8rem;
  padding-bottom: 0.5rem;
  word-break: break-all;
}
.mainDetails .SolaArticle .Sola_list .Sola_matter {
  color: #101010;
  font-size: 1.6rem;
  line-height: 3.6rem;
  border-bottom: 0.1rem solid #fafafadb;
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
}
.mainDetails .SolaArticle .Sola_header {
  padding: 0 1.5rem;
  border-bottom: 1.5rem solid #F5F5F5;
}
.mainDetails .SolaArticle .SolaResponse {
  padding: 0 1.5rem;
}
.mainDetails .article {
  line-height: 3rem;
  font-size: 1.6rem;
  height: 55rem;
  overflow: hidden;
}
.mainDetails .article #music {
  margin-bottom: 1.5rem;
}
.mainDetails .article.show {
  height: auto;
}
.mainDetails .table_type {
  margin-bottom: 1.5rem;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 0.1rem solid #dfdfdf;
  border-bottom: none;
  line-height: 3rem;
  font-size: 1.2rem;
}
.mainDetails .table_type .item {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 0.1rem solid #dfdfdf;
  border-right: 0.1rem solid #dfdfdf;
}
.mainDetails .table_type .item:nth-child(2n) {
  border-right: none;
}
.mainDetails .table_type .item .name {
  text-align: center;
  width: 40%;
  background: #f7f7f7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 0.1rem solid #dfdfdf;
}
.mainDetails .table_type .item .text {
  width: 60%;
  padding-left: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mainDetails .table_type .itemx {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 0.1rem solid #dfdfdf;
}
.mainDetails .table_type .itemx .name {
  text-align: center;
  width: 19.8%;
  background: #f7f7f7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 0.1rem solid #dfdfdf;
}
.mainDetails .table_type .itemx .text {
  width: 80%;
  padding-left: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mainDetails .text_list {
  margin-bottom: 1.5rem;
}
.mainDetails .text_list .title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #cf0f19;
  line-height: 3.6rem;
}
.mainDetails .text_list .text {
  font-size: 1.6rem;
  color: #333333;
  line-height: 2.8rem;
}
.mainDetails .articlex {
  line-height: 3rem;
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
}
.mainDetails .article_more {
  width: 40%;
  margin: 1.5rem auto;
  border: 0.1rem solid #e9e9e9;
  line-height: 3rem;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 1.8rem;
}
.mainDetails .answer {
  display: none;
  line-height: 3rem;
  background: #f7f7f7;
  font-size: 1.6rem;
  text-align: center;
}
.mainDetails .contributeFrom {
  margin-bottom: 1.5rem;
}
.mainDetails .contributeFrom .contribute_title {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.6rem;
  line-height: 3rem;
}
.mainDetails .contributeFrom .contribute_title span {
  color: #666666;
  margin-right: 1rem;
}
.mainDetails .contributeFrom .contribute_title a {
  margin-right: 1rem;
  padding: 0 0.8rem;
  border-radius: 0.4rem;
}
.mainDetails .contributeFrom .contribute_title a.again {
  background: #cf0f19;
  color: #ffffff;
}
.mainDetails .contributeFrom .contribute_title a.important {
  background: #f77f00;
  color: #ffffff;
}
.mainDetails .contributeFrom .reprinted {
  text-align: center;
  font-size: 1.3rem;
  color: #666666;
}
.mainDetails .correlation .title {
  line-height: 3.6rem;
  font-size: 1.6rem;
  color: #333333;
}
.mainDetails .correlation .title a {
  color: #333333;
}
.mainDetails .correlation .text a {
  display: block;
  color: #cf0f19;
  font-size: 1.6rem;
  line-height: 3rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mainDetails .down_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 50%;
  line-height: 4rem;
  text-align: center;
  margin: 1rem auto;
  font-size: 1.6rem;
  color: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, from(#9b0b13), to(#cf0f19));
  background: linear-gradient(to top, #9b0b13, #cf0f19);
  border-radius: 0.4rem;
}
.mainDetails .down_sub .icon {
  font-size: 2.6rem;
  color: #ffffff;
  margin-right: 0.6rem;
}
.mainDetails .down {
  padding: 1rem 0.8rem;
  border: 0.1rem solid #e6e6e6;
  margin-bottom: 1rem;
}
.mainDetails .down .iamge_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mainDetails .down .iamge_text .images {
  width: 20%;
}
.mainDetails .down .iamge_text .down_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 20%;
  line-height: 3rem;
  text-align: center;
  margin: 1rem auto;
  font-size: 1.6rem;
  color: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, from(#9b0b13), to(#cf0f19));
  background: linear-gradient(to top, #9b0b13, #cf0f19);
  border-radius: 0.4rem;
}
.mainDetails .down .iamge_text .down_sub .icon {
  font-size: 2.6rem;
  color: #ffffff;
}
.mainDetails .down .iamge_text .down_sub a {
  color: #ffffff;
}
.mainDetails .down .iamge_text .text {
  width: 76%;
  margin-left: 4%;
  font-size: 1.6rem;
}
.mainDetails .down .iamge_text .text .down_title {
  color: #cf0f19;
}
.mainDetails .down .iamge_text .text .down_text {
  font-size: 1.2rem;
  line-height: 2.8rem;
  color: #333333;
}
.mainDetails .down .iamge_text .textx {
  width: 80%;
  font-size: 1.6rem;
}
.mainDetails .down .iamge_text .textx .down_title {
  color: #cf0f19;
}
.mainDetails .down .iamge_text .textx .down_text {
  font-size: 1.2rem;
  line-height: 2.8rem;
  color: #333333;
}
.imageTextlist {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
}
.imageTextlist .title {
  line-height: 3.6rem;
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  border-bottom: 0.1rem solid #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.imageTextlist .title span {
  font-weight: bold;
  font-size: 1.8rem;
  position: relative;
  padding-left: 1.6rem;
}
.imageTextlist .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.imageTextlist .inner {
  margin-top: 1.5rem;
}
.imageTextlist .inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.imageTextlist .inner ul li {
  width: 33.33333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 3.3333%;
  margin-bottom: 1rem;
}
.imageTextlist .inner ul li .images {
  height: 12rem;
}
.imageTextlist .inner ul li .images a {
  display: block;
  height: 100%;
  width: 100%;
}
.imageTextlist .inner ul li .images a img {
  max-height: 100%;
}
.imageTextlist .inner ul li .text {
  line-height: 2.4rem;
  font-size: 1.6rem;
  text-align: center;
}
.imageTextlist .inner ul li .text a {
  display: block;
}
.classifyList {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding-bottom: 0.6rem;
}
.classifyList .title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3.6rem;
  color: #333333;
  padding: 0 1.5rem;
  border-bottom: 0.1rem solid #e7e7e7;
}
.classifyList .inner {
  padding: 0 1.5rem;
}
.classifyList .inner .item_list .list_title {
  font-size: 1.6rem;
  line-height: 3rem;
  color: #f77f00;
  border-bottom: 0.1rem solid #e7e7e7;
}
.classifyList .inner .item_list .list_title a {
  display: inline-block;
  color: #f77f00;
}
.classifyList .inner .item_list .Movers_list .samll_title {
  font-size: 1.6rem;
  padding-left: 1.5rem;
  line-height: 3rem;
  border-bottom: 0.1rem solid #e7e7e7;
}
.classifyList .inner .item_list:last-child .Movers_list .samll_title {
  font-size: 1.6rem;
  padding-left: 1.5rem;
  line-height: 3rem;
  border-bottom: 0.1rem solid #e7e7e7;
}
.classifyList .inner .item_list:last-child .Movers_list .samll_title:last-child {
  border-bottom: none;
}
.characterDetails {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 0 1.5rem 0.5rem;
}
.characterDetails .character_title {
  font-size: 2rem;
  line-height: 3.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.5rem;
}
.characterDetails .character_title h3 {
  font-weight: bold;
}
.characterDetails .character_title a {
  font-weight: bold;
}
.characterDetails .details_list {
  margin-bottom: 1.5rem;
}
.characterDetails .details_list .item {
  position: relative;
  margin-left: -0.1rem;
}
.characterDetails .details_list .item .character {
  text-align: center;
  font-size: 2rem;
  border: 0.1rem solid #8c8c8c;
  position: relative;
  z-index: 40;
}
.characterDetails .details_list .item .text {
  font-size: 1.6rem;
  line-height: 3.4rem;
  text-align: center;
  color: #cf0f19;
  min-height: 3.8rem;
}
.characterDetails .details_list .item .text span {
  display: inline-block;
}
.characterDetails .list {
  border-bottom: 0.1rem solid #d9d9d9;
  margin-bottom: 0.5rem;
}
.characterDetails .list:last-child {
  border-bottom: none;
}
.characterDetails .list .small_title {
  font-size: 1.8rem;
  line-height: 3.6rem;
  font-weight: bold;
}
.characterDetails .list .text {
  font-size: 1.6rem;
  line-height: 2.8rem;
}
.characterDetails .list .small_list {
  margin-bottom: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.characterDetails .list .small_list .character {
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  font-size: 2rem;
  border: 0.1rem solid #8c8c8c;
  position: relative;
  margin-right: -0.1rem;
  z-index: 40;
}
.characterDetails .list .small_list .character::after {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.05rem;
  height: 0.1rem;
  width: 100%;
  content: '';
  border-bottom: 0.1rem dashed #d9d9d9;
}
.characterDetails .list .small_list .character::before {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -0.05rem;
  height: 100%;
  width: 0.1rem;
  content: '';
  border-right: 0.1rem dashed #d9d9d9;
}
.Listed {
  background: #ffffff;
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
}
.Listed .title {
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 3.6rem;
  border-bottom: 0.1rem solid #d6d6d6;
  font-weight: bold;
}
.Listed .title span {
  padding-left: 1.6rem;
  position: relative;
  z-index: 40;
}
.Listed .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.Listed .title .more {
  display: inline-block;
  padding-right: 1.6rem;
  position: relative;
  font-weight: normal;
  line-height: 3.6rem;
  font-size: 1.6rem;
  color: #cf0f19;
}
.Listed .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.Listed .inner .list {
  padding-bottom: 0.5rem;
  border-bottom: 0.1rem solid #efefef;
  margin-bottom: 0.8rem;
}
.Listed .inner .list:last-child {
  border-bottom: none;
}
.Listed .inner .list .list_title {
  font-size: 1.6rem;
  line-height: 3.4rem;
}
.Listed .inner .list .list_title a {
  color: #ed232f;
}
.Listed .inner .list .text {
  line-height: 2.8rem;
  font-size: 1.6rem;
}
.synonymsDetails {
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
  padding-bottom: 0;
  background: #ffffff;
}
.synonymsDetails .synonyms_title {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 4rem;
}
.synonymsDetails .box_list {
  background: #ffffff;
  padding-bottom: 0.4rem;
  border-bottom: 0.1rem solid #e2dfe0;
}
.synonymsDetails .box_list .title {
  padding: 0;
  border-bottom: none;
}
.synonymsDetails .box_list .title span {
  padding-left: 0;
}
.synonymsDetails .box_list .title span::after {
  display: none;
}
.synonymsDetails .box_list .title .more {
  color: #999999;
}
.synonymsDetails .box_list .title .more::after {
  color: #999999;
}
.synonymsDetails .box_list .three_list {
  margin: 0 -1.5rem;
  padding-top: 1rem;
}
.synonymsDetails .article_bg {
  padding-bottom: 0.4rem;
  margin-bottom: 1.5rem;
  background: #ffffff;
}
.synonymsDetails .article {
  height: 16rem;
  overflow: hidden;
}
.synonymsDetails .article .title {
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 3.6rem;
  font-weight: bold;
}
.synonymsDetails .article .title span {
  position: relative;
  z-index: 40;
}
.synonymsDetails .article .title .more {
  display: inline-block;
  padding-right: 1.6rem;
  position: relative;
  font-weight: normal;
  line-height: 3.6rem;
  font-size: 1.6rem;
  color: #cf0f19;
}
.synonymsDetails .article .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.synonymsDetails .article .title.noneBoderbottom {
  border-bottom: none;
}
.synonymsDetails .article .text {
  line-height: 3rem;
  font-size: 1.6rem;
  color: #333333;
}
.synonymsDetails .article_more {
  width: 40%;
  margin: 1.5rem auto;
  border: 0.1rem solid #e9e9e9;
  line-height: 3rem;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 1.8rem;
}
.discreteDetails {
  background: #ffffff;
  padding: 0 1.5rem 0.6rem;
  margin-bottom: 1.5rem;
}
.discreteDetails .discrete_title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 4rem;
  margin-bottom: 1rem;
}
.discreteDetails .discrete_list {
  height: 25rem;
  overflow: hidden;
  padding-bottom: 0.2rem;
}
.discreteDetails .discrete_list .list {
  border-bottom: 0.1rem solid #dfdfdf;
  margin-bottom: 0.6rem;
}
.discreteDetails .discrete_list .list .title {
  font-size: 1.6rem;
  line-height: 3rem;
  font-weight: bold;
}
.discreteDetails .discrete_list .list .text {
  line-height: 3rem;
  font-size: 1.6rem;
  color: #333333;
  border-bottom: 0.1rem dashed #e6e6e6;
}
.discreteDetails .discrete_list .list .text:last-child {
  border-bottom: none;
}
.discreteDetails .discrete_list .list .text span {
  margin-right: 1.5rem;
}
.discreteDetails .discrete_list .list .text .icon {
  color: #cf0f19;
  margin-left: 0.6rem;
}
.discreteDetails .discrete_list .list:last-child {
  border-bottom: none ;
}
.discreteDetails .article_more {
  width: 40%;
  margin: 1.5rem auto;
  border: 0.1rem solid #e9e9e9;
  line-height: 3rem;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 1.8rem;
}
.breviaryList {
  background: #ffffff;
  padding: 1rem 1.5rem ;
  margin-bottom: 1.5rem;
}
.breviaryList .title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 4rem;
  color: #cf0f19;
}
.breviaryList .text_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.breviaryList .text_list .item {
  padding: 0 0.8rem;
  border: 0.1rem solid #d6d6d6;
  margin-bottom: 1rem;
  line-height: 3rem;
  font-size: 1.6rem;
  margin-right: 0.6rem;
  border-radius: 0.4rem;
}
.breviaryList .text_list .item a {
  display: inline-block;
}
.breviaryList .text_list .item.active {
  border: 0.1rem solid #cf0f19;
  background: #cf0f19;
  color: #ffffff;
}
.breviaryList .text_list .item.active a {
  color: #ffffff;
}
.breviaryList .number_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.5rem;
}
.breviaryList .number_list .item {
  width: 14.28571429%;
  padding: 0 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1rem;
  text-align: center;
}
.breviaryList .number_list .item a {
  display: block;
  border: 0.1rem solid #d6d6d6;
  line-height: 3rem;
  font-size: 1.6rem;
  border-radius: 0.4rem;
}
.breviaryList .list {
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
}
.breviaryList .list:last-child {
  border-bottom: none;
}
.search_list {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 0.8rem 1.5rem;
}
.search_list .import {
  margin-bottom: 1rem;
}
.search_list .import .layui-input-block {
  margin-left: 0;
  min-height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search_list .import .layui-input-block input {
  width: 80%;
}
.search_list .import .layui-input-block .submit {
  width: 15%;
  line-height: 3rem;
  border: none;
  background: #cf0f19;
  font-size: 1.6rem;
  color: #ffffff;
  border-radius: 0.6rem;
}
.search_list .import .layui-input-block .icon {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  width: 2rem;
  height: 2rem;
  margin-top: -1rem;
  font-size: 1.8rem;
  color: #ed232f;
}
.search_list .import .layui-input,
.search_list .import .layui-select,
.search_list .import .layui-textarea {
  border-radius: 0.5rem;
  height: 3rem;
}
.search_list .three_list {
  margin: 0 -0.5rem;
}
.search_list .three_list ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search_list .three_list ul li {
  width: 33.33333333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.5rem;
  margin-bottom: 1rem;
  text-align: center;
}
.search_list .three_list ul li a {
  display: block;
  font-size: 1.6rem;
  line-height: 3rem;
  border-radius: 0.6rem;
  color: #cf0f19;
  border: 0.1rem solid #cf0f19;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search_list .three_list ul li.moiety {
  width: 50%;
}
.translationList {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
}
.translationList .title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 4.2rem;
}
.translationList .translationInner .layui-input-block {
  margin-left: 0;
}
.translationList .translationInner .layui-form-item .layui-input-block {
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.translationList .translationInner .layui-form-item .layui-input-block .layui-form-radio {
  width: 50%;
  margin: 0 ;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.translationList .translationInner .layui-form-item .layui-form-radio > i:hover,
.translationList .translationInner .layui-form-item .layui-form-radioed > i {
  color: #cf0f19;
}
.translationList .translationInner .translationResult {
  padding-bottom: 0.8rem;
}
.translationList .translationInner .translationResult .resultTitle {
  font-size: 1.6rem;
  line-height: 3.4rem;
}
.translationList .translationInner .translationResult .layui-btn {
  width: 40%;
  margin: 1rem auto;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.translationList .translationInner .import_text {
  margin-bottom: 1rem;
}
.translationList .translationInner .sub_interpret {
  padding: 1rem 0;
  text-align: center;
}
.translationList .translationInner .sub_interpret .layui-form-item {
  margin-bottom: 0;
}
.translationList .translationInner .sub_interpret .layui-btn {
  width: 40%;
  background: #cf0f19;
  margin: 0 auto;
}
.translationList .translationInner .sub_transform {
  padding: 1rem 0 0;
}
.translationList .translationInner .sub_transform .layui-input-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.translationList .translationInner .sub_transform .layui-form-item {
  margin-bottom: 0;
}
.translationList .translationInner .sub_transform .layui-btn {
  padding: 0 0.5rem;
  margin-bottom: 1rem;
}
.translationList .translationInner .sub_transform .changeWen {
  width: 100%;
  background: #ef2b4c;
}
.translationList .translationInner .sub_transform .changeJane,
.translationList .translationInner .sub_transform .changeDuplicate {
  width: 48%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.translationList .translationInner .sub_transform .changeJane {
  background: #cf0f19;
  margin-left: 0.5rem;
}
.translationList .translationInner .sub_transform .changeDuplicate {
  background: #f77f00;
  margin-left: 0;
}
.translationList .translationInner .sub_transform .changeCopy {
  background: #2ec4b6;
}
.translationList .translationInner .sub_transform .changeCut {
  background: #ef2b4c;
}
.translationList .translationInner .sub_transform .changeEliminate {
  background: #35b5d8;
}
.translationList .translationInner .sub_transform .marginR {
  margin-right: 0.5rem;
  margin-left: 0;
}
.translationList .translationInner .import {
  margin-bottom: 1rem;
}
.translationList .translationInner .select_list {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.translationList .translationInner .select_list span {
  display: inline-block;
}
.translationList .translationInner .select_list .layui-input-block {
  width: 78%;
}
.imagesList {
  background: #ffffff;
  padding: 0 1.5rem;
}
.imagesList .title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 3rem;
  padding: 1rem 0;
}
.imagesList .inner ul {
  margin: 0 -0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.imagesList .inner ul li {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.5rem;
  margin-bottom: 1rem;
}
.imagesList .inner ul li a {
  display: block;
}
.imagesList .inner ul li .images {
  height: 8rem;
}
.imagesList .inner ul li .images img {
  max-width: 100%;
  max-height: 100%;
}
.imagesList .inner ul li .text {
  font-size: 1.6rem;
  text-align: center;
  line-height: 3rem;
}
.SelectAreaList {
  margin-bottom: 1.5rem;
  background: #ffffff;
  padding: 1rem 1.5rem;
}
.SelectAreaList .title {
  margin: 0 -1.5rem 1rem;
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 3.6rem;
  border-bottom: 0.1rem solid #d6d6d6;
  font-weight: bold;
}
.SelectAreaList .title span {
  padding-left: 1.6rem;
  position: relative;
  z-index: 40;
}
.SelectAreaList .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.SelectAreaList .title .more {
  display: inline-block;
  padding-right: 1.6rem;
  position: relative;
  font-weight: normal;
  line-height: 3.6rem;
  font-size: 1.6rem;
  color: #cf0f19;
}
.SelectAreaList .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.SelectAreaList .SelectList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.SelectAreaList .SelectList .layui-input-inline {
  width: 48%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1rem;
}
.SelectAreaList .SelectList .layui-form-item {
  width: 100%;
  margin-bottom: 0.5rem;
}
.SelectAreaList .SelectList .layui-form-item .layui-btn {
  width: 100%;
  font-size: 1.6rem;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.mapList {
  margin-bottom: 1.5rem;
  background: #ffffff;
  padding: 0 1.5rem 1.2rem;
  line-height: 3rem;
}
.mapList .title {
  line-height: 3.2rem;
  padding-left: 2.6rem;
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
}
.mapList .title .icon {
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1rem;
  z-index: 1;
}
.mapList .title span {
  font-weight: normal;
}
.mapList .map_inner {
  height: 17rem;
  width: 100%;
}
.mapList .map_inner img {
  max-width: 100%;
  max-height: 100%;
}
.schoolImageslist {
  background: #ffffff;
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
}
.schoolImageslist .list ul li {
  padding: 0.8rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 0.1rem solid #d6d6d6;
}
.schoolImageslist .list ul li .images {
  width: 30%;
  height: 9rem;
}
.schoolImageslist .list ul li .text_list {
  width: 66%;
}
.schoolImageslist .list ul li .text_list .small_title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3rem;
}
.schoolImageslist .list ul li .text_list .small_textlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #666666;
}
.schoolImageslist .list ul li .text_list .small_textlist .item {
  margin-right: 1rem;
  font-size: 1.2rem;
  line-height: 2.4rem;
}
.schoolImageslist .list ul li .text_list .small_textlist .item:nth-child(2n) {
  margin-right: 0;
}
.schoolImageslist .list ul li .text_list .tally span {
  display: inline-block;
  background: #ee6352;
  color: #ffffff;
  line-height: 2.4rem;
  padding: 0 0.6rem;
  border-radius: 0.2rem;
  margin-bottom: 0.6rem;
}
.schoolDetails {
  background: #ffffff;
  padding: 0 1.5rem 0.2rem;
  margin-bottom: 1.5rem;
}
.schoolDetails .big_title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 3.8rem;
}
.schoolDetails .article {
  line-height: 2.4rem;
  font-size: 1.6rem;
}
.schoolDetails .fromMore {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.schoolDetails .fromMore .website,
.schoolDetails .fromMore .admissions {
  width: 48%;
  line-height: 2.8rem;
  text-align: center;
  border-radius: 0.6rem;
  color: #ffffff;
  font-size: 1.6rem;
}
.schoolDetails .fromMore .website {
  background: #cf0f19;
}
.schoolDetails .fromMore .admissions {
  background: #f77f00;
}
.schoolDetails .ideaList .list {
  border-bottom: 0.1rem solid #d6d6d6;
  margin-bottom: 1rem;
}
.schoolDetails .ideaList .list .title {
  line-height: 3.6rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.schoolDetails .ideaList .list .twinList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.schoolDetails .ideaList .list .twinList .item {
  width: 49%;
  font-size: 1.6rem;
  color: #333333;
  line-height: 3rem;
}
.schoolDetails .ideaList .list .text {
  line-height: 3rem;
  font-size: 1.6rem;
}
.schoolDetails .ideaList .list:last-child {
  border-bottom: none;
}
.unit_list .list {
  background: #ffffff;
  padding: 0.6rem 1.5rem;
  margin-bottom: 1.5rem;
}
.unit_list .list .title {
  line-height: 3.6rem;
  font-size: 1.8rem;
  font-weight: bold;
}
.unit_list .list .twinList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.unit_list .list .twinList .item {
  width: 49%;
  font-size: 1.6rem;
  color: #333333;
  line-height: 3rem;
}
.unit_list .list .text {
  line-height: 3rem;
  font-size: 1.6rem;
}
.unit_list .list:last-child {
  border-bottom: none;
}
.graphic_List {
  background-color: #ffffff;
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
}
.graphic_List .title {
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 3.6rem;
  border-bottom: 0.1rem solid #d6d6d6;
  font-weight: bold;
}
.graphic_List .title span {
  padding-left: 1.6rem;
  position: relative;
  z-index: 40;
}
.graphic_List .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.graphic_List .title .more {
  display: inline-block;
  padding-right: 1.6rem;
  position: relative;
  font-weight: normal;
  line-height: 3.6rem;
  font-size: 1.6rem;
  color: #cf0f19;
}
.graphic_List .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.graphic_List .title.noneBoderbottom {
  border-bottom: none;
}
.graphic_List .images_text ul li {
  padding: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.1rem solid #d6d6d6;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.graphic_List .images_text ul li .images {
  width: 30%;
}
.graphic_List .images_text ul li .text_right {
  width: 66%;
}
.graphic_List .images_text ul li .text_right .small_title {
  font-size: 1.6rem;
  color: #333333;
  line-height: 2.8rem;
  font-weight: bold;
}
.graphic_List .images_text ul li .text_right .region {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 2.8rem;
  font-size: 1.2rem;
}
.graphic_List .images_text ul li .text_right .region > div {
  min-width: 40%;
}
.graphic_List .images_text ul li .text_right .abstract {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.graphic_List .images_text ul li:last-child {
  border-bottom: none;
}
.personalPresentation {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.personalPresentation .images {
  width: 30%;
  border-radius: 1rem;
  overflow: hidden;
}
.personalPresentation .personalRight {
  width: 66%;
}
.personalPresentation .personalRight .name {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3rem;
}
.personalPresentation .personalRight .text {
  line-height: 2.4rem;
  font-size: 1.6rem;
}
.individualRecord {
  background: #ffffff;
  padding: 0 1.5rem 0.2rem;
  margin-bottom: 1.5rem;
}
.individualRecord .title {
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 3.6rem;
  border-bottom: 0.1rem solid #d6d6d6;
  font-weight: bold;
}
.individualRecord .title span {
  padding-left: 1.6rem;
  position: relative;
  z-index: 40;
}
.individualRecord .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.individualRecord .title .more {
  display: inline-block;
  padding-right: 1.6rem;
  position: relative;
  font-weight: normal;
  line-height: 3.6rem;
  font-size: 1.6rem;
  color: #cf0f19;
}
.individualRecord .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.individualRecord .title.noneBoderbottom {
  border-bottom: none;
}
.individualRecord .recordText {
  margin-top: 1rem;
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #333333;
  height: 7.2rem;
  overflow: hidden;
}
.individualRecord .recordmore {
  width: 40%;
  margin: 1.5rem auto;
  border: 0.1rem solid #e9e9e9;
  line-height: 3rem;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 1.8rem;
}
.professionTable {
  background: #ffffff;
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
}
.professionTable .title {
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 3.6rem;
  border-bottom: 0.1rem solid #d6d6d6;
  font-weight: bold;
}
.professionTable .title span {
  padding-left: 1.6rem;
  position: relative;
  z-index: 40;
}
.professionTable .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.professionTable .title .more {
  display: inline-block;
  padding-right: 1.6rem;
  position: relative;
  font-weight: normal;
  line-height: 3.6rem;
  font-size: 1.6rem;
  color: #cf0f19;
}
.professionTable .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.professionTable .title.noneBoderbottom {
  border-bottom: none;
}
.professionTable .table_list {
  padding-top: 1.5rem;
}
.professionTable .table_list ul {
  border: 0.1rem solid #e5e5e5;
}
.professionTable .table_list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  border-bottom: 0.1rem solid #e5e5e5;
}
.professionTable .table_list ul li > div {
  padding: 0 0.2rem;
  border-right: 0.1rem solid #e5e5e5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.professionTable .table_list ul li > div span {
  line-height: 2.8rem;
  width: 100%;
  text-align: center;
}
.professionTable .table_list ul li > div:last-child {
  border-right: none;
}
.professionTable .table_list ul li .type {
  width: 17%;
}
.professionTable .table_list ul li .name {
  width: 39%;
}
.professionTable .table_list ul li .ranking {
  width: 17%;
}
.professionTable .table_list ul li .ranking span {
  line-height: 2rem;
}
.professionTable .table_list ul li .level {
  width: 10%;
}
.professionTable .table_list ul li .universities {
  width: 17%;
}
.professionTable .table_list ul li .universities a {
  color: #f77f00;
}
.professionTable .table_list ul li:first-child {
  font-weight: bold;
  background: #efefef;
}
.professionTable .table_list ul li:last-child {
  border-bottom: none;
}
.professionTable .specialty_list {
  padding-top: 1.5rem;
}
.professionTable .specialty_list ul {
  border: 0.1rem solid #e5e5e5;
}
.professionTable .specialty_list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
  text-align: center;
  line-height: 2rem;
  border-bottom: 0.1rem solid #e5e5e5;
}
.professionTable .specialty_list ul li > div {
  padding: 0 0.2rem;
  border-right: 0.1rem solid #e5e5e5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.professionTable .specialty_list ul li > div a {
  width: 100%;
  text-align: center;
}
.professionTable .specialty_list ul li > div:last-child {
  border-right: none;
}
.professionTable .specialty_list ul li .specialty_name {
  width: 24%;
}
.professionTable .specialty_list ul li .school_name {
  width: 20%;
}
.professionTable .specialty_list ul li .addCity {
  width: 20%;
}
.professionTable .specialty_list ul li .batch {
  width: 24%;
}
.professionTable .specialty_list ul li .probability {
  width: 20%;
}
.professionTable .specialty_list ul li .years {
  width: 12%;
}
.professionTable .specialty_list ul li:first-child {
  line-height: 2.4rem;
  font-weight: bold;
  background: #efefef;
}
.professionTable .specialty_list ul li:last-child {
  border-bottom: none;
}
.professionTable .score_list {
  padding-top: 1.5rem;
}
.professionTable .score_list ul {
  border: 0.1rem solid #e5e5e5;
}
.professionTable .score_list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
  text-align: center;
  line-height: 2.6rem;
  border-bottom: 0.1rem solid #e5e5e5;
}
.professionTable .score_list ul li > div {
  padding: 0 0.2rem;
  border-right: 0.1rem solid #e5e5e5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.professionTable .score_list ul li > div a {
  width: 100%;
  text-align: center;
}
.professionTable .score_list ul li > div:last-child {
  border-right: none;
}
.professionTable .score_list ul li .specialty_name {
  width: 20%;
}
.professionTable .score_list ul li .school_name {
  width: 20%;
}
.professionTable .score_list ul li .addCity {
  width: 14%;
}
.professionTable .score_list ul li .years {
  width: 12%;
}
.professionTable .score_list ul li .type {
  width: 15%;
}
.professionTable .score_list ul li .batch {
  width: 24%;
}
.professionTable .score_list ul li .score {
  width: 15%;
}
.professionTable .score_list ul li:first-child {
  line-height: 2.4rem;
  font-weight: bold;
  background: #efefef;
}
.professionTable .score_list ul li:last-child {
  border-bottom: none;
}
.conversionDetails {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
}
.conversionDetails .page,
.conversionDetails .vertical {
  width: 9rem;
  margin-bottom: 1rem;
}
.conversionDetails .line {
  width: 12rem;
}
.conversionDetails .big_title {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 4rem;
}
.conversionDetails .translationInner {
  padding-bottom: 1rem;
}
.conversionDetails .translationInner .layui-form-radio {
  line-height: 3.6rem;
}
.conversionDetails .translationInner .layui-form-item {
  margin-bottom: 0;
}
.conversionDetails .translationInner .layui-input-block {
  margin-left: 0;
}
.conversionDetails .translationInner .layui-form-radio {
  margin: 0 0 0;
}
.conversionDetails .translationInner .tool_name {
  padding-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 3.8rem;
}
.conversionDetails .translationInner .tool_name .layui-input,
.conversionDetails .translationInner .tool_name .layui-select,
.conversionDetails .translationInner .tool_name .layui-textarea {
  height: 3.6rem;
}
.conversionDetails .translationInner .tool_name .marginR {
  margin-right: 0.4rem;
}
.conversionDetails .translationInner .tool_name span,
.conversionDetails .translationInner .tool_name .layui-input-inline {
  display: inline-block;
  margin-bottom: 1rem;
}
.conversionDetails .translationInner .tool_name span {
  padding: 0 0.2rem;
}
.conversionDetails .translationInner .import {
  padding-bottom: 0.6rem;
}
.conversionDetails .translationInner .sub_buttom {
  text-align: center;
}
.conversionDetails .translationInner .sub_buttom .layui-btn {
  width: 50%;
  background: #cf0f19;
  margin: 1rem auto;
  border-radius: 0.4rem;
}
.conversionDetails .translationInner .small_title {
  font-size: 1.6rem;
  line-height: 3rem;
  margin-bottom: 0.4rem;
}
.conversionDetails .translationInner .result_sub {
  padding: 1rem  0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.conversionDetails .translationInner .result_sub .layui-input-block {
  width: 56%;
}
.conversionDetails .translationInner .result_sub .resultT {
  width: 40%;
}
.conversionDetails .translationInner .result_sub .layui-btn {
  width: 100%;
  background: #ffffff;
  color: #cf0f19;
  border: 0.1rem solid #cf0f19;
  padding: 0;
}
.conversionDetails .translationInner .result_sub .layui-form-radio {
  font-size: 1.2rem;
}
.downloadList {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 1rem 1.5rem;
}
.downloadList .title {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 3.2rem;
  text-align: center;
  margin-bottom: 1rem;
}
.downloadList .title h3 {
  font-weight: bold;
}
.downloadList .text {
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding-bottom: 0.8rem;
}
.downloadList .downTextList {
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.downloadList .downTextList .down_text {
  width: 76%;
}
.downloadList .downTextList .down_text .down_title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #ffa115;
}
.downloadList .downTextList .down_text .down_recommend {
  font-size: 1.6rem;
}
.downloadList .downTextList .down_text .down_recommend #test1 .layui-rate li i.layui-icon {
  font-size: 1rem;
}
.downloadList .downTextList .down_sub {
  width: 20%;
  line-height: 3rem;
  background: #cf0f19;
  color: #ffffff;
  text-align: center;
  border-radius: 0.6rem;
}
.downloadList .downTextList .down_sub a {
  color: #ffffff;
}
.downloadList .downinstructions {
  margin-bottom: 1.5rem;
  padding: 1rem 1.5rem;
  background: #fff7ef;
  font-size: 1.6rem;
  color: #999;
  line-height: 2.4rem;
}
.downloadList .downinstructions .instructionstitle {
  font-size: 1.6rem;
  color: #666666;
}
.down_list {
  background: #ffffff;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
}
.down_list .down_title {
  line-height: 3rem;
  font-size: 1.6rem;
  color: #cf0f19;
}
.down_list .down_title a {
  color: #cf0f19;
}
.down_list .downInner ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 3.4rem;
}
.down_list .downInner ul li .text_left {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 1.6rem;
  text-overflow: ellipsis;
}
.down_list .downInner ul li .text_left a {
  font-size: 1.6rem;
}
.down_list .downInner ul li .text_left span {
  color: #cf0f19;
  display: inline-block;
  margin-right: 0.6rem;
}
.down_list .downInner ul li .text_right {
  display: none;
  width: 20%;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.poetryDetails {
  background: #ffffff;
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
}
.poetryDetails .poetryTitle {
  font-size: 1.8rem;
  text-align: center;
  line-height: 4rem;
}
.poetryDetails .article {
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.poetryDetails .article .images {
  width: 13rem;
  padding-right: 1.5rem;
}
.poetryDetails .article .text {
  width: 100%;
  font-size: 1.6rem;
  line-height: 2.8rem;
}
.borderBottom {
  border-bottom: 0.1rem solid #BBBBBB;
}
.poetList {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}
.poetList .title {
  line-height: 3.6rem;
  padding: 0 1.5rem;
  border-bottom: 0.1rem solid #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.poetList .title span {
  font-weight: bold;
  font-size: 1.8rem;
  position: relative;
  padding-left: 1.6rem;
}
.poetList .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.poetList .title .more {
  position: relative;
  color: #cf0f19;
  padding-right: 1.5rem;
  display: inline-block;
}
.poetList .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.poetList .poetInner {
  margin-top: 1.5rem;
}
.poetList .poetInner .swiper-container {
  width: 100%;
  height: 100%;
  padding: 0 1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.poetList .poetInner .swiper-slide {
  text-align: center;
  border: 0.1rem solid #bbbbbb;
  padding: 0.5rem 0;
}
.poetList .poetInner .swiper-slide .images {
  width: 8rem;
  height: 8rem;
  overflow: hidden;
  border-radius: 100%;
  margin: 0 auto;
}
.poetList .poetInner .swiper-slide .images img {
  height: 100%;
  width: 100%;
}
.poetList .poetInner .swiper-slide .name {
  margin-top: 1rem;
  font-size: 1.4rem;
  color: #101010;
  line-height: 2.8rem;
}
.poetList .poetInner .swiper-slide .dynasty {
  color: #939393;
  font-size: 1.2rem;
  line-height: 2.4rem;
}
.catalogList {
  background: #ffffff;
  margin-bottom: 1.5rem;
}
.catalogList .title {
  line-height: 3.6rem;
  border-bottom: 0.1rem solid #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.catalogList .title span {
  font-weight: bold;
  font-size: 1.8rem;
  position: relative;
  padding-left: 1.6rem;
}
.catalogList .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.catalogList .title .more {
  position: relative;
  color: #cf0f19;
  padding-right: 1.5rem;
  display: inline-block;
}
.catalogList .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.catalogList .catalogInner ul li {
  padding: 0 1.5rem;
  line-height: 3.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 0.1rem dashed #ECECEC;
  color: #101010;
}
.catalogList .catalogInner ul li:last-child {
  border-bottom: none;
}
.catalogList .catalogInner ul li h2 {
  font-size: 1.6rem;
  font-weight: bold;
}
.catalogList .catalogInner ul li a {
  display: block;
  font-size: 1.6rem;
  position: relative;
}
.catalogList .catalogInner ul li a .icon {
  position: absolute;
  right: -1rem;
  top: 0;
  font-size: 1.6rem;
  color: #bdbdbd;
}
.ancientDetails {
  background: #ffffff;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}
.ancientDetails .title {
  padding: 0 1.5rem;
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: bold;
  text-align: center;
}
.ancientDetails .title h3 {
  font-weight: bold;
}
.ancientDetails .title h3 a {
  font-weight: bold;
}
.ancientDetails .article {
  margin-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 1.5rem;
}
.ancientDetails .article .iamges {
  width: 10rem;
  padding-right: 1.5rem;
}
.ancientDetails .article .text {
  width: 100%;
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.extentList {
  background: #ffffff;
  padding-bottom: 1.5rem;
}
.extentList .title {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 5rem;
  text-align: center;
}
.extentList .inner {
  padding: 0 1.5rem;
}
.extentList .inner .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: 0.1rem solid #e6e6e6;
  border-bottom: none;
  font-size: 1.4rem;
}
.extentList .inner .item:last-child {
  border-bottom: 0.1rem solid #e6e6e6;
}
.extentList .inner .item .name {
  width: 40%;
  line-height: 3.2rem;
  padding: 0.8rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  border-right: 0.1rem solid #e6e6e6;
}
.extentList .inner .item .name.twoLines {
  line-height: 1.8rem;
  padding: 0.4rem 0;
}
.extentList .inner .item .matrixing {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0.8rem 0.4rem;
  background: #fff8f9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.extentList .inner .item .matrixing .input_text {
  width: 74%;
  height: 3.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.extentList .inner .item .matrixing .input_text input {
  width: 100%;
  height: 3.2rem;
  border: 0.1rem solid #dedede;
}
.extentList .inner .item .matrixing .sub_buttom {
  width: 26%;
  text-align: center;
  line-height: 3.2rem;
  background: #ebebeb;
}
.extentList .resetButton {
  background: #f77f00;
  color: #ffffff;
  line-height: 3.6rem;
  width: 80%;
  border-radius: 1.8rem;
  font-size: 1.6rem;
  text-align: center;
  margin: 1rem auto;
}
.Dateinput {
  background: #ffffff;
  padding: 0.6rem  1.5rem;
  margin-bottom: 1.5rem;
}
.Dateinput .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Dateinput .date .item {
  width: 48%;
}
.Dateinput .date .item .layui-input,
.Dateinput .date .item .layui-select,
.Dateinput .date .item .layui-textarea {
  line-height: 3.6rem;
  height: 3.6rem;
}
.Dateinput .date .item .layui-form-select dl dd.layui-this {
  background: #cf0f19;
}
.Dateinput .queryButtom {
  color: #ffffff;
  background: #cf0f19;
  line-height: 3.6rem;
  text-align: center;
  font-size: 1.6rem;
  margin: 0.8rem auto;
  border-radius: 0.8rem;
}
.historyList .title {
  padding: 0 1.5rem;
  line-height: 3.6rem;
  font-size: 1.8rem;
  font-weight: bold;
  background: #ffffff;
  border-bottom: 0.1rem solid #dedede;
}
.historyList .inner .item {
  padding: 0 1.5rem;
  background: #ffffff;
  margin-bottom: 1.5rem;
}
.historyList .inner .item .small_title {
  border-bottom: 0.1rem solid #dedede;
}
.historyList .inner .item .small_title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 3.6rem;
  font-size: 1.6rem;
}
.historyList .inner .item .small_title a .icon {
  font-size: 2.6rem;
}
.historyList .inner .item .images_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0.4rem 0;
  overflow: hidden;
}
.historyList .inner .item .images_list .images {
  margin-right: 1rem;
}
.historyList .inner .item .images_list .images a {
  display: block;
}
.historyList .inner .item .images_list .images img {
  width: 12rem;
  height: auto;
}
.historyList .inner .item .images_list .text {
  width: 100%;
}
.historyList .inner .item .images_list .text .small_titles {
  font-size: 1.6rem;
  line-height: 2.4rem;
  height: 2.4rem;
  font-weight: bold;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.historyList .inner .item .images_list .text .small_titles a {
  display: block;
  color: #333333;
}
.historyList .inner .item .images_list .text .small_text {
  margin-top: 0.6rem;
  font-size: 1.2rem;
  color: #999999;
  line-height: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.historyList .inner .item .images_list .text .small_text a {
  color: #999999;
}
.historyList .inner .item .images_list .text .sm_title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  height: 2.4rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.historyList .inner .item .images_list .text .sm_title a {
  font-size: 1.6rem;
  display: block;
  color: #333333;
}
.historyList .inner .item .images_list .text .time {
  display: none;
  line-height: 2.4rem;
}
.historyList .inner .item .images_list .text .time .icon {
  font-size: 1.2rem;
  color: #cccccc;
}
.areaCodeList {
  margin-bottom: 1.5rem;
  background: #ffffff;
  padding: 0 1.5rem 1.5rem;
}
.areaCodeList .title {
  line-height: 4rem;
  font-size: 1.8rem;
  font-weight: bold;
}
.areaCodeList .title span {
  color: #cf0f19;
}
.areaCodeList .inner ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  line-height: 3.6rem;
  border: 0.1rem solid #dedede;
  border-bottom: none;
  font-size: 1.6rem;
}
.areaCodeList .inner ul li:last-child {
  border-bottom: 0.1rem solid #dedede;
}
.areaCodeList .inner ul li .name {
  width: 60%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 0.1rem solid #dedede;
  background: #f4f5f5;
}
.areaCodeList .inner ul li .number {
  width: 40%;
}
.postcodeQuery {
  margin-bottom: 1.5rem;
  background: #ffffff;
  padding: 1.5rem 1.5rem  0;
}
.postcodeQuery .title {
  margin: 0 -1.5rem 1.5rem;
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 3.6rem;
  border-bottom: 0.1rem solid #d6d6d6;
  font-weight: bold;
}
.postcodeQuery .title span {
  padding-left: 1.6rem;
  position: relative;
  z-index: 40;
}
.postcodeQuery .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.postcodeQuery .title .more {
  display: inline-block;
  padding-right: 1.6rem;
  position: relative;
  font-weight: normal;
  line-height: 3.6rem;
  font-size: 1.6rem;
  color: #cf0f19;
}
.postcodeQuery .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.postcodeQuery .title.noneBoderbottom {
  border-bottom: none;
}
.postcodeQuery .inner ul li {
  position: relative;
  padding-left: 1.8rem;
  border-bottom: 0.1rem solid #dcdcdc;
}
.postcodeQuery .inner ul li::after {
  position: absolute;
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  left: 0.4rem;
  top: 50%;
  margin-top: -0.3rem;
  background: #cccccc;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.postcodeQuery .inner ul li a {
  display: block;
  color: #333333;
  font-size: 1.6rem;
  line-height: 3.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.postcodeQuery .inner ul li a span {
  color: #cf0f19;
  display: inline-block;
  margin-right: 0.4rem;
}
.postcodeQuery .inner ul li:last-child {
  border-bottom: none;
}
.postcodeQuery .inner .pages {
  border-top: 0.1rem solid #dcdcdc;
}
.postcodeQuery .inquiryItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 1.5rem;
}
.postcodeQuery .inquiryItem .textInput {
  width: 76%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.postcodeQuery .inquiryItem .textInput input {
  border: 0.1rem solid #dedede;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 3.8rem;
  padding: 0 0.4rem;
  line-height: 3.6rem;
  border-radius: 0.8rem;
}
.postcodeQuery .inquiryItem .sub_buttom {
  line-height: 3.8rem;
  width: 20%;
  font-size: 1.4rem;
  text-align: center;
  color: #ffffff;
  background: #cf0f19;
}
.HotCity {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
}
.HotCity .title {
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 3.6rem;
  border-bottom: 0.1rem solid #d6d6d6;
  font-weight: bold;
}
.HotCity .title span {
  padding-left: 1.6rem;
  position: relative;
  z-index: 40;
}
.HotCity .title span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.HotCity .title .more {
  display: inline-block;
  padding-right: 1.6rem;
  position: relative;
  font-weight: normal;
  line-height: 3.6rem;
  font-size: 1.6rem;
  color: #cf0f19;
}
.HotCity .title .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.HotCity .title.noneBoderbottom {
  border-bottom: none;
}
.HotCity .inner {
  padding: 0.6rem 0;
}
.HotCity .inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.HotCity .inner ul li {
  margin-right: 2rem;
}
.HotCity .inner ul li a {
  line-height: 3.6rem;
  font-size: 1.6rem;
  color: #333333;
}
.hide {
  display: none;
}
.infofooer {
  clear: both;
  overflow: hidden;
  background: #cf0f19;
  padding: 14px 0 20px;
  font-size: 11px;
  color: #e8f5fd;
  text-align: center;
  line-height: 1.6;
  margin-top: 0px;
}
.infofooer a {
  font-size: 11px;
  color: #e8f5fd;
  text-align: center;
  line-height: 1.6;
}
.adverts {
  margin: 0 -1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.transitList {
  background: #ffffff;
}
.transitList .title {
  padding: 0 1.5rem;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 5rem;
  color: #333333;
  border-bottom: 0.1rem solid #dedede;
}
.transitList .title span {
  padding: 0 0.4rem;
  color: #cf0f19;
}
.transitList .table .table_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  line-height: 4rem;
  font-size: 1.6rem;
  padding: 0 1.5rem;
  border-bottom: 0.1rem solid #cf0f19;
}
.transitList .table .table_title .swiper-slide-active {
  color: #cf0f19;
  position: relative;
}
.transitList .table .table_title .swiper-slide-active::after {
  position: absolute;
  left: 50%;
  margin-left: -0.3rem;
  bottom: 0;
  content: '';
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.6rem solid #cf0f19;
}
.transitList .table .table_title .swiper-wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.transitList .table .tableDown .list {
  border-bottom: 0.1rem solid #dedede;
  padding: 0 1.5rem;
}
.transitList .table .tableDown .list .itemx .headerRoute {
  padding-top: 0.6rem;
}
.transitList .table .tableDown .list .itemx .headerRoute .routeName {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 3.6rem;
}
.transitList .table .tableDown .list .itemx .headerRoute .routeName .car .icon {
  font-size: 2.4rem;
  color: #f77f00;
}
.transitList .table .tableDown .list .itemx .headerRoute .routeName .down_icon {
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
.transitList .table .tableDown .list .itemx .headerRoute .routeName .down_icon .icon {
  font-size: 2.6rem;
  height: 3.6rem;
  width: 3.6rem;
}
.transitList .table .tableDown .list .itemx .headerRoute .routeName .name {
  width: 80%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.6rem;
  line-height: 3.4rem;
}
.transitList .table .tableDown .list .itemx .headerRoute .routeName .name .small_list {
  padding-right: 1rem;
}
.transitList .table .tableDown .list .itemx .headerRoute .routeName .name .small_list:last-child .icon {
  display: none;
}
.transitList .table .tableDown .list .itemx .headerRoute .routeTime {
  color: #999999;
  font-size: 1.4rem;
  line-height: 2.8rem;
}
.transitList .table .tableDown .list .itemx.active .headerRoute .routeName .down_icon {
  transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}
.transitList .table .tableDown .list .itemx.active .busList {
  display: block;
}
.transitList .table .tableDown .list .itemx .busList {
  display: none;
}
.transitList .table .tableDown .list .itemx .busList ul {
  position: relative;
}
.transitList .table .tableDown .list .itemx .busList ul::after {
  content: "";
  width: 0.1rem;
  height: 90%;
  position: absolute;
  top: 4%;
  left: 1.2rem;
  background: #999999;
  z-index: -1;
}
.transitList .table .tableDown .list .itemx .busList ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.transitList .table .tableDown .list .itemx .busList ul li .iconRise {
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
  width: 2.4rem;
  height: 2.4rem;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.4rem;
  background: #49bf6c;
  border-radius: 100%;
  color: #ffffff;
}
.transitList .table .tableDown .list .itemx .busList ul li .walkIcon {
  width: 2.4rem;
  height: 2.4rem;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.4rem;
  background: #a3a4a6;
  border-radius: 100%;
  color: #ffffff;
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
}
.transitList .table .tableDown .list .itemx .busList ul li .busIcon {
  width: 2.4rem;
  height: 2.4rem;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.4rem;
  background: #48c7ff;
  border-radius: 100%;
  color: #ffffff;
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
}
.transitList .table .tableDown .list .itemx .busList ul li .busIcon .icon {
  font-size: 1.8rem;
}
.transitList .table .tableDown .list .itemx .busList ul li .right_text {
  width: 88%;
}
.transitList .table .tableDown .list .itemx .busList ul li .right_text .text_title {
  line-height: 4rem;
  background: #fff8f9;
  padding: 0 0.6rem;
  font-size: 1.6rem;
  color: #cf0f19;
}
.transitList .table .tableDown .list .itemx .busList ul li .right_text .walk_title {
  line-height: 4rem;
  font-size: 1.4rem;
}
.transitList .table .tableDown .list .itemx .busList ul li .right_text .bus_list {
  padding: 0.8rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.transitList .table .tableDown .list .itemx .busList ul li .right_text .bus_list .itemName {
  margin-bottom: 0.6rem;
  min-width: 50%;
  line-height: 2.8rem;
  font-size: 1.4rem;
  color: #999;
}
.transitList .table .tableDown .list .itemx .busList ul li .right_text .bus_list .itemName span {
  padding: 0 0.4rem;
  display: inline-block;
  color: #ffffff;
  background: #fb9b4f;
}
.circuitList {
  background: #ffffff;
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
}
.circuitList .title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3.4rem;
}
.circuitList .inner .text {
  font-size: 1.4rem;
  color: #666666;
  line-height: 3.4rem;
}
.circuitTable {
  background: #ffffff;
}
.circuitTable .tableTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 1.5rem;
  line-height: 3.6rem;
  font-size: 1.6rem;
  border-bottom: 0.1rem solid #cf0f19;
}
.circuitTable .tableTitle .item {
  padding: 0 1rem;
  color: #333333;
}
.circuitTable .tableTitle .item.active {
  font-weight: bold;
  color: #cf0f19;
  position: relative;
}
.circuitTable .tableTitle .item.active::after {
  position: absolute;
  left: 50%;
  margin-left: -0.3rem;
  bottom: 0;
  content: '';
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.6rem solid #cf0f19;
}
.circuitTable .tableTitle .item.active a {
  color: #cf0f19;
}
.circuitTable .tableInner .list {
  display: none;
  padding: 0 1.5rem 0.4rem;
}
.circuitTable .tableInner .list.show {
  display: block;
}
.circuitTable .tableInner .list ul li {
  border-bottom: 0.1rem solid #dedede;
}
.circuitTable .tableInner .list ul li:last-child {
  border-bottom: none;
}
.circuitTable .tableInner .list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.4rem;
  line-height: 3.4rem;
  color: #333333;
}
.circuitTable .tableInner .list ul li a .icon {
  line-height: 3.4rem;
  font-size: 2.4rem;
}
.trainSchedule {
  background: #ffffff;
  margin-bottom: 1.5rem;
}
.trainSchedule .title {
  font-size: 1.8rem;
  line-height: 3.4rem;
  text-align: center;
  font-weight: bold;
}
.trainSchedule .inner .layui-form-item {
  margin-bottom: 0.5rem;
  border-bottom: 0.1rem solid #dedede;
}
.trainSchedule .inner .layui-form-label {
  font-size: 1.4rem;
  color: #999999;
}
.trainSchedule .inner .layui-form-radio > i {
  font-size: 1.6rem;
}
.trainSchedule .inner .layui-form-radio {
  margin: 0 0 0;
  padding-right: 0.6rem;
}
.trainSchedule .inner .layui-form-radio > i:hover,
.trainSchedule .inner .layui-form-radioed > i {
  color: #cf0f19;
}
.trainScheduleList {
  background: #ffffff;
}
.trainScheduleList ul li {
  padding: 1rem 1.5rem;
  border-bottom: 0.1rem solid #dedede;
}
.trainScheduleList ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.trainScheduleList ul li .number {
  width: 25%;
  text-align: center;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 3.4rem;
}
.trainScheduleList ul li .trainText {
  width: 55%;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.6rem;
  line-height: 2.4rem;
}
.trainScheduleList ul li .trainText .depart,
.trainScheduleList ul li .trainText .death,
.trainScheduleList ul li .trainText .demerit {
  margin-bottom: 0.8rem;
}
.trainScheduleList ul li .trainText .depart .time,
.trainScheduleList ul li .trainText .death .time,
.trainScheduleList ul li .trainText .demerit .time {
  color: #333333;
}
.trainScheduleList ul li .trainText .depart .ending,
.trainScheduleList ul li .trainText .death .ending,
.trainScheduleList ul li .trainText .demerit .ending {
  margin: 0 0.6rem;
  font-size: 1.4rem;
  text-align: center;
  width: 1.8rem;
  background: #cf0f19;
  display: inline-block;
  color: #ffffff;
}
.trainScheduleList ul li .trainText .depart .time {
  color: #cf0f19;
}
.trainScheduleList ul li .trainText .death .ending {
  background: #4892e5;
}
.trainScheduleList ul li .trainText .depart .ending {
  background: #48bc48;
}
.trainScheduleList ul li .name {
  width: 15%;
  font-size: 1.4rem;
  text-align: center;
  line-height: 3.4rem;
}
.trainScheduleList ul li .name.details {
  background: #cf0f19;
  color: #ffffff;
}
.trainScheduleList ul li .iconbg {
  width: 5%;
}
.trainScheduleList ul li .iconbg .icon {
  font-size: 3rem;
}
.TrainInformation {
  background: #ffffff;
  margin-bottom: 1.5rem;
}
.TrainInformation .seatList {
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.TrainInformation .seatList .item {
  width: 25%;
}
.TrainInformation .seatList .item .name {
  font-size: 1.4rem;
  line-height: 3.4rem;
}
.TrainInformation .seatList .item .price {
  line-height: 3.4rem;
  font-size: 1.4rem;
  color: #cf0f19;
}
.TrainInformation .seatList .item .price a {
  color: #cf0f19;
}
.processList {
  background: #FFFFFF;
}
.processList .smallItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 4rem;
  font-size: 1.6rem;
  border-bottom: 0.1rem solid #E9E9E9;
}
.processList .smallItem:first-child {
  font-size: 1.6rem;
  font-weight: bold;
}
.processList .smallItem:last-child {
  border-bottom: none;
}
.processList .smallItem .number,
.processList .smallItem .reachTime,
.processList .smallItem .hairTime,
.processList .smallItem .diachronic {
  width: 18%;
  text-align: center;
}
.processList .smallItem .station {
  width: 28%;
  text-align: center;
}
.Map {
  background: #ffffff;
  position: relative;
  margin-top: -1.5rem;
  padding: 1rem 0;
}
.pollingLsit {
  background: #ffffff;
  margin-bottom: 1.5rem;
  padding: 0.5rem 1.5rem 1rem;
}
.pollingLsit .title {
  font-size: 1.8rem;
  line-height: 3.6rem;
  text-align: center;
  font-weight: bold;
}
.pollingLsit .fromInput .searchInput {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 3.6rem;
}
.pollingLsit .fromInput .searchInput .icon {
  color: #cf0f19;
  font-size: 2.4rem;
}
.pollingLsit .fromInput .searchInput .input_place {
  width: 43%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pollingLsit .fromInput .searchInput .input_place input {
  border-radius: 0.6rem;
  border: 0.1rem solid #dedede;
  width: 100%;
  height: 3.4rem;
  color: #999999;
  font-size: 1.4rem;
}
.pollingLsit .fromInput .sub_buttom {
  line-height: 3.6rem;
  background: #cf0f19;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  border-radius: 0.6rem;
}
.automobileList {
  margin-bottom: 1.5rem;
  background: #ffffff;
}
.automobileList ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1rem 1.5rem;
  border-bottom: 0.1rem solid #dedede;
}
.automobileList ul li .time {
  width: 20%;
  text-align: center;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 3.4rem;
}
.automobileList ul li .trainText {
  width: 40%;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.6rem;
  line-height: 2.4rem;
}
.automobileList ul li .trainText .depart,
.automobileList ul li .trainText .death,
.automobileList ul li .trainText .demerit {
  margin-bottom: 0.8rem;
}
.automobileList ul li .trainText .depart .time,
.automobileList ul li .trainText .death .time,
.automobileList ul li .trainText .demerit .time {
  color: #333333;
}
.automobileList ul li .trainText .depart .ending,
.automobileList ul li .trainText .death .ending,
.automobileList ul li .trainText .demerit .ending {
  margin: 0 0.6rem;
  font-size: 1.4rem;
  text-align: center;
  width: 1.8rem;
  background: #cf0f19;
  display: inline-block;
  color: #ffffff;
}
.automobileList ul li .trainText .depart .time {
  color: #cf0f19;
}
.automobileList ul li .trainText .death .ending {
  background: #4892e5;
}
.automobileList ul li .trainText .depart .ending {
  background: #48bc48;
}
.automobileList ul li .length {
  font-size: 1.4rem;
  line-height: 3rem;
  width: 20%;
  color: #666666;
}
.automobileList ul li .price {
  width: 20%;
  text-align: center;
  color: #cf0f19;
  font-size: 1.4rem;
}
.international {
  background: #ffffff;
}
.international .internationalTitle {
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 3.6rem;
  border-bottom: 0.1rem solid #d6d6d6;
  font-weight: bold;
}
.international .internationalTitle span {
  padding-left: 1.6rem;
  position: relative;
  z-index: 40;
}
.international .internationalTitle span::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.international .internationalTitle .more {
  display: inline-block;
  padding-right: 1.6rem;
  position: relative;
  font-weight: normal;
  line-height: 3.6rem;
  font-size: 1.6rem;
  color: #cf0f19;
}
.international .internationalTitle .more::after {
  content: '>';
  position: absolute;
  right: 0.4rem;
  font-size: 1.6rem;
  color: #cf0f19;
  top: 0;
  line-height: 3.6rem;
}
.international .internationalTitle.noneBoderbottom {
  border-bottom: none;
}
.international .internationalTable .table_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 0.1rem solid #d52d36;
}
.international .internationalTable .table_title .item {
  width: 20%;
  line-height: 3.6rem;
  font-size: 1.6rem;
  text-align: center;
  position: relative;
}
.international .internationalTable .table_title .item.active::after {
  content: "";
  width: 0px;
  height: 0px;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #cf0f19;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.5rem;
}
.international .internationalTable .inner {
  padding: 0 1.5rem;
}
.international .internationalTable .inner .table_list {
  display: none;
}
.international .internationalTable .inner .table_list.show {
  display: block;
}
.international .internationalTable .inner .list {
  padding-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.international .internationalTable .inner .list .item {
  margin-bottom: 1rem;
  padding-right: 1rem;
}
.international .internationalTable .inner .list .item a {
  border: 0.1rem solid #dedede;
  display: inline-block;
  padding: 0 1rem;
  line-height: 3rem;
  border-radius: 0.6rem;
}
.constellation {
  background: #ffffff;
  margin-bottom: 1.5rem;
}
.constellation .title {
  font-size: 1.8rem;
  line-height: 4.8rem;
  font-weight: bold;
  text-align: center;
}
.constellation .inner {
  padding: 1rem  1.5rem;
}
.constellation .inner .listItem {
  border: 0.1rem solid #dedede;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.constellation .inner .listItem .item_title {
  margin-bottom: 1rem;
  line-height: 4.6rem;
  background-image: url(/Images/mobile/constellation_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-size: 1.6rem;
  text-align: center;
}
.constellation .inner .listItem .constellation_text {
  padding: 0.6rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.constellation .inner .listItem .constellation_text .images {
  width: 30%;
}
.constellation .inner .listItem .constellation_text .right_text {
  width: 65%;
}
.constellation .inner .listItem .constellation_text .right_text .time {
  font-size: 1.4rem;
  color: #333333;
  line-height: 3rem;
}
.constellation .inner .listItem .constellation_text .right_text .fate {
  line-height: 3rem;
  color: #333;
}
.constellation .inner .listItem .constellation_text .right_text .fate .icon {
  color: #e8e8e8;
  font-size: 1.6rem;
}
.constellation .inner .listItem .constellation_text .right_text .fate .icon.colorSelect {
  color: #ffc821;
}
.constellation .inner .listItem .constellation_text .right_text .text {
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.constellation .inner .listItem .trendList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0.6rem;
}
.constellation .inner .listItem .trendList .item {
  padding: 0 0.4rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.constellation .inner .listItem .trendList .item a {
  font-size: 1.4rem;
  display: block;
  line-height: 2.8rem;
  background: #ededed;
  color: #333333;
  padding: 0 0.5rem;
}
.constellationDetails {
  background: #ffffff;
  padding: 0 1.5rem 0.1rem;
  margin-bottom: 1.5rem;
}
.constellationDetails .constellationHeader .imagesText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.constellationDetails .constellationHeader .imagesText .images {
  width: 30%;
}
.constellationDetails .constellationHeader .imagesText .textRight {
  width: 65%;
}
.constellationDetails .constellationHeader .imagesText .textRight .title {
  color: #cf0f19;
  font-weight: bold;
  line-height: 3.6rem;
  font-size: 1.8rem;
}
.constellationDetails .constellationHeader .imagesText .textRight .title .small_table {
  color: #999999;
  font-size: 1.2rem;
  font-weight: normal;
}
.constellationDetails .constellationHeader .imagesText .textRight .time {
  font-size: 1.4rem;
  color: #333333;
  line-height: 3rem;
}
.constellationDetails .constellationHeader .imagesText .textRight .text {
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.constellationDetails .constellationHeader .trendList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1rem 0;
}
.constellationDetails .constellationHeader .trendList .item {
  padding: 0 0.4rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.constellationDetails .constellationHeader .trendList .item a {
  font-size: 1.4rem;
  display: block;
  line-height: 2.8rem;
  background: #ededed;
  color: #333333;
  padding: 0 0.5rem;
}
.constellationDetails .constellationHeader .trendList .item.active {
  background: #cf0f19;
  color: #fff;
}
.constellationDetails .constellationHeader .trendList .item.active a {
  background: #cf0f19;
  color: #ffffff;
}
.constellationDetails .constellationHeader .listDifferent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 0.1rem solid #dedede;
}
.constellationDetails .constellationHeader .listDifferent .item {
  width: 50%;
  line-height: 3rem;
  font-size: 1.2rem;
  color: #333;
}
.constellationDetails .constellationHeader .listDifferent .item .icon {
  color: #e8e8e8;
  font-size: 1.2rem;
}
.constellationDetails .constellationHeader .listDifferent .item .icon.colorSelect {
  color: #ffc821;
}
.constellationDetails .lucktyList {
  height: 30rem;
  overflow: hidden;
}
.constellationDetails .lucktyList .title {
  line-height: 3rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
}
.constellationDetails .lucktyList .title .icon {
  color: #e8e8e8;
  font-size: 1.2rem;
}
.constellationDetails .lucktyList .title .icon.colorSelect {
  color: #ffc821;
}
.constellationDetails .lucktyList .text {
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.constellationDetails .recordmore {
  width: 40%;
  margin: 1.5rem auto;
  border: 0.1rem solid #e9e9e9;
  line-height: 3rem;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 1.8rem;
}
.ZODIACList {
  display: none;
  position: fixed;
  width: 80%;
  left: 50%;
  margin-left: -40%;
  top: 15%;
  z-index: 50;
}
.ZODIACList .list {
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
}
.ZODIACList .list .item {
  width: 33.33333333%;
  padding: 1rem 0;
  border-bottom: 0.1rem solid #dedede;
  border-right: 0.1rem solid #dedede;
  box-sizing: border-box;
}
.ZODIACList .list .item a {
  display: block;
}
.ZODIACList .list .item a .images {
  width: 4.6rem;
  margin: 0 auto;
  height: 4.6rem;
}
.ZODIACList .list .item a .name {
  margin-top: 0.5rem;
  line-height: 3rem;
}
.ZODIACList .resetButtom {
  background: none;
  color: #ffffff;
  padding: 1rem 0;
  text-align: center;
}
.ZODIACList .resetButtom .icon {
  line-height: 4.6rem;
  font-size: 3.6rem;
}
.black_cloth {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  top: 0;
  left: 0;
  z-index: 10;
}
.exchangeRateDetails {
  margin-bottom: 1rem;
  background: #ffffff;
  padding: 0.8rem 1rem;
}
.exchangeRateDetails .title {
  font-size: 1.8rem;
  line-height: 3.4rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1rem;
}
.exchangeRateDetails .exchange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.exchangeRateDetails .exchange .select {
  width: 40%;
}
.exchangeRateDetails .exchangeText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.4rem;
}
.exchangeRateDetails .exchangeText .inputText {
  width: 40%;
}
.exchangeRateDetails .exchangeText .subbottom {
  width: 20%;
  text-align: center;
  background: #cf0f19;
  color: #ffffff;
  line-height: 3.8rem;
  border-radius: 0.8rem;
}
.exchangeRateDetails .Rate {
  font-size: 1.4rem;
  line-height: 2.8rem;
}
.exchangeTips {
  background-color: #ffffff;
  line-height: 3rem;
  padding: 0 1.5rem;
  font-size: 1.4rem;
}
.exchangeTips span {
  color: #cf0f19;
}
.backcf0 {
  background: #cf0f19!important;
}
.calendarList {
  background-color: #ffffff;
}
.calendarList #calendar {
  background-color: #ffffff;
  width: 100%;
  height: 36rem;
  padding-bottom: 4rem;
  margin-bottom: 1.5rem;
  border: none;
}
.calendarList #calendar .sc-calendar {
  width: 100% !important;
  border: none;
}
.calendarList #calendar .sc-body {
  box-shadow: none;
}
.calendarList #calendar .sc-header {
  text-align: center;
}
.calendarList #calendar .sc-header select {
  padding: 0 0.6rem;
  height: 2.8rem;
  line-height: 2.8rem;
  width: 66%;
  background-color: #F5F5F9;
  text-align: center;
  background-image: url("../images/scheaderbg.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 8% auto;
}
.calendarList #calendar .sc-header select option {
  text-align: center;
}
.copyrightList {
  background: #ffffff;
  padding-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.copyrightList .copyrightHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.4rem;
  font-weight: bold;
  border-bottom: 0.1rem solid #dedede;
  padding-bottom: 1rem;
}
.copyrightList .copyrightHeader .item {
  width: 36%;
  margin: 0 1.5rem;
  line-height: 3.6rem;
  border: 0.1rem solid #dedede;
  text-align: center;
  touch-action: none;
  display: block;
  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.copyrightList .copyrightHeader .item.active {
  background: #cf0f19;
  color: #ffffff;
  border: 0.1rem solid #cf0f19;
}
.copyrightList .copyrightInner {
  padding: 0 1.5rem;
}
.copyrightList .copyrightInner .InnerList {
  display: none;
}
.copyrightList .copyrightInner .InnerList.show {
  display: block;
}
.copyrightList .copyrightInner .InnerHeader {
  border-bottom: 0.1rem solid #dedede;
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
}
.copyrightList .copyrightInner .tcopyright_title {
  line-height: 3.6rem;
  font-size: 1.4rem;
}
.copyrightList .copyrightInner .tcopyright_title .swiper-slide-active {
  color: #cf0f19;
}
.copyrightList .copyrightInner .gallery_inner {
  padding-bottom: 0.1rem;
  margin: 0 -1.5rem;
}
.copyrightList .copyrightInner .gallery_inner .galleryListItem {
  display: none;
  padding: 0 1.5rem;
}
.copyrightList .copyrightInner .gallery_inner .galleryListItem.active {
  display: block;
}
.copyrightList .copyrightInner .gallery_inner .galleryListItem ul li {
  line-height: 2.8rem;
  font-size: 1.4rem;
  border-bottom: 0.1rem solid #dedede;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;text-overflow: ellipsis;
}
.copyrightList .copyrightInner .gallery_inner .new_show {
  display: block;
}
.copyrightList .copyrightInner .gallery_inner .more {
  width: 50%;
  line-height: 3rem;
  margin: 1rem auto;
  border: 0.1rem solid #dedede;
  border-radius: 1.5rem;
  text-align: center;
  font-size: 1.6rem;
}
.primaryList {
  background: #ffffff;
  padding: 0 1.5rem 0.1rem;
  margin-bottom: 1.5rem;
}
.primaryList .title {
  font-size: 1.8rem;
  line-height: 5rem;
  font-weight: bold;
}
.primaryList .primaryImages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.primaryList .primaryImages .images {
  margin-right: 1rem;
}
.primaryList .primaryImages .images a {
  display: block;
}
.primaryList .primaryImages .images img {
  width: 15rem;
  height: auto;
}
.primaryList .primaryImages .text {
  width: 100%;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.primaryList .more {
  padding: 1rem;
  line-height: 3rem;
}
.primaryList .more a {
  display: block;
  width: 30%;
  margin: 0 auto;
  border: 0.1rem solid #dedede;
  text-align: center;
  font-size: 1.6rem;
  border-radius: 3rem;
}
.originalDetails {
  background: #ffffff;
  padding: 0 1.5rem;
}
.originalDetails .ideatitle {
  font-size: 1.8rem;
  line-height: 3.6rem;
  text-align: center;
  font-weight: bold;
}
.originalDetails .ideasmalltitle {
  text-align: center;
  font-size: 1.6rem;
  line-height: 3.4rem;
}
.originalDetails .ideasmalltitle .icon {
  color: #cf0f19;
  font-size: 2rem;
}
.originalDetails .article {
  text-align: center;
  height: 30rem;
  overflow: hidden;
  line-height: 3.6rem;
  font-size: 1.4rem;
}
/*.originalDetails .article img {*/
/*  width: unset;*/
/*}*/
.originalDetails .article_more {
  width: 40%;
  margin: 1.5rem auto;
  border: 0.1rem solid #e9e9e9;
  line-height: 3rem;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 1.8rem;
}
.originalDetails .contributeFrom {
  margin-bottom: 1.5rem;
}
.originalDetails .contributeFrom .contribute_title {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.6rem;
  line-height: 3rem;
}
.originalDetails .contributeFrom .contribute_title span {
  color: #666666;
  margin-right: 1rem;
}
.originalDetails .contributeFrom .contribute_title a {
  margin-right: 1rem;
  padding: 0 0.8rem;
  border-radius: 0.4rem;
}
.originalDetails .contributeFrom .contribute_title a.again {
  background: #cf0f19;
  color: #ffffff;
}
.originalDetails .contributeFrom .contribute_title a.important {
  background: #f77f00;
  color: #ffffff;
}
.originalDetails .contributeFrom .reprinted {
  text-align: center;
  font-size: 1.3rem;
  color: #666666;
}
.originalDetails .correlation .title {
  line-height: 3.6rem;
  font-size: 1.6rem;
  color: #333333;
}
.originalDetails .correlation .title a {
  color: #333333;
}
.originalDetails .correlation .text a {
  display: block;
  color: #cf0f19;
  font-size: 1.6rem;
  line-height: 3rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.originalDetails .down_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 50%;
  line-height: 4rem;
  text-align: center;
  margin: 1rem auto;
  font-size: 1.6rem;
  color: #ffffff;
  background: linear-gradient(to top, #9b0b13, #cf0f19);
  border-radius: 0.4rem;
}
.originalDetails .down_sub .icon {
  font-size: 2.6rem;
  color: #ffffff;
  margin-right: 0.6rem;
}
.originalDetails .down {
  padding: 1rem 0.8rem;
  border: 0.1rem solid #e6e6e6;
  margin-bottom: 1rem;
}
.originalDetails .down .iamge_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.originalDetails .down .iamge_text .images {
  width: 20%;
}
.originalDetails .down .iamge_text .down_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 20%;
  line-height: 3rem;
  text-align: center;
  margin: 1rem auto;
  font-size: 1.6rem;
  color: #ffffff;
  background: linear-gradient(to top, #9b0b13, #cf0f19);
  border-radius: 0.4rem;
}
.originalDetails .down .iamge_text .down_sub .icon {
  font-size: 2.6rem;
  color: #ffffff;
}
.originalDetails .down .iamge_text .down_sub a {
  color: #ffffff;
}
.originalDetails .down .iamge_text .text {
  width: 76%;
  margin-left: 4%;
  font-size: 1.6rem;
}
.originalDetails .down .iamge_text .text .down_title {
  color: #cf0f19;
}
.originalDetails .down .iamge_text .text .down_text {
  font-size: 1.2rem;
  line-height: 2.8rem;
  color: #333333;
}
.originalDetails .down .iamge_text .textx {
  width: 80%;
  font-size: 1.6rem;
}
.originalDetails .down .iamge_text .textx .down_title {
  color: #cf0f19;
}
.originalDetails .down .iamge_text .textx .down_text {
  font-size: 1.2rem;
  line-height: 2.8rem;
  color: #333333;
}
.originalDetails .leaf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 1rem 0;
}
.originalDetails .leaf a {
  width: 40%;
  border: 0.1rem solid #dedede;
  line-height: 2.6rem;
  text-align: center;
  font-size: 1.6rem;
  margin: 0  2.5%;
}
.teachingMaterial {
  background: #ffffff;
}
.teachingMaterial .title {
  font-size: 1.6rem;
  line-height: 3rem;
  border-bottom: 0.1rem solid #dedede;
  padding: 0 1.5rem;
}
.teachingMaterial .materialList ul li {
  line-height: 3rem;
  padding: 0 1.5rem;
  font-size: 1.6rem;
  border-bottom: 0.1rem solid #dedede;
}
.teachingMaterial .materialList ul li a {
  color: #333;
}
.teachingMaterial .materialList ul li a span {
  color: #B42521;
}
.downloadDetails {
  background: #ffffff;
  padding: 0 1.5rem 1rem;
  margin-bottom: 1.5rem;
}
.downloadDetails .downloadTitle {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3.4rem;
  text-align: center;
}
.downloadDetails .downloadSmallTable {
  color: #7D7D7D;
  text-align: center;
  line-height: 3.4rem;
  font-size: 1.4rem;
}
.downloadDetails .downloadTable {
  padding-bottom: 1rem;
}
.downloadDetails .downloadTable .item_table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  border: 0.1rem solid #dedede;
  border-bottom: none;
  border-right: none;
}
.downloadDetails .downloadTable .item_table li {
  line-height: 3.4rem;
  border-bottom: 0.1rem solid #dedede;
  width: 50%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  border-right: 0.1rem solid #dedede;
}
.downloadDetails .downloadTable .item_table li .text {
  width: 38%;
  text-align: center;
  font-size: 1.4rem;
  background-color: #f7f7f7;
}
.downloadDetails .downloadTable .item_table li .name {
  width: 62%;
  box-sizing: border-box;
  padding: 0 1%;
}
.downloadDetails .downloadTable .item_table li.onetext {
  width: 100%;
}
.downloadDetails .downloadTable .item_table li.onetext .text {
  width: 19%;
  text-align: center;
  font-size: 1.4rem;
  background-color: #f7f7f7;
}
.downloadDetails .downloadTable .item_table li.onetext .name {
  max-width: 81%;
}
.downloadDetails .describe .describeTitle {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: bold;
}
.downloadDetails .describe .describeText {
  font-size: 1.4rem;
  line-height: 2.8rem;
}
.downloadArchive {
  background: #FFFFFF;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
}
.downloadArchive .archiveList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border: 0.1rem solid #e6e6e6;
  padding: 1rem 0.8rem;
}
.downloadArchive .archiveList .archiveText  {
  color: #cf0f19;
  font-size: 1.6rem;
  line-height: 2.8rem;
  width: 80%;
}
.downloadArchive .archiveList .archiveText .text {
  font-size: 1.2rem;
  line-height: 2.8rem;
  color: #333333;
}
.downloadArchive .archiveList .down {
  font-size: 1.6rem;
  width: 20%;
  line-height: 3rem;
  text-align: center;
  color: #ffffff;
  background: linear-gradient(to top, #9b0b13, #cf0f19);
  border-radius: 0.4rem;
}
.downloadArchive .archiveList .down a {
  color: #ffffff;
}
.box_standard {
  background: #ffffff;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
}
.box_standard .title {
  font-size: 1.8rem;
  background: #cf0f19;
  color: #ffffff;
  text-align: center;
  line-height: 3.6rem;
  margin-bottom: 1rem;
}
.box_standard .inner ul {
  border: 0.1rem solid #dedede;
}
.box_standard .inner ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  font-size: 1.4rem;
  border-bottom: 0.1rem  solid #dedede;
  line-height: 2.4rem;
}
.box_standard .inner ul li:last-child {
  border-bottom: none;
}
.box_standard .inner ul li:first-child {
  background: #ebebeb;
}
.box_standard .inner ul li .sexuality,
.box_standard .inner ul li .age {
  width: 15%;
}
.box_standard .inner ul li .overweight {
  width: 40%;
}
.box_standard .inner ul li .corpulent {
  width: 30%;
}
.box_standard .inner ul li .age,
.box_standard .inner ul li .overweight,
.box_standard .inner ul li .corpulent {
  box-sizing: border-box;
  border-left: 0.1rem solid #dedede;
}
.box_standard .inner ul li .age .item,
.box_standard .inner ul li .overweight .item,
.box_standard .inner ul li .corpulent .item {
  line-height: 2.4rem;
  text-align: center;
  border-bottom: 0.1rem  solid #dedede;
}
.box_standard .inner ul li .age .item:last-child,
.box_standard .inner ul li .overweight .item:last-child,
.box_standard .inner ul li .corpulent .item:last-child {
  border-bottom: none;
}
.formList {
  background: #ffffff;
  padding-bottom: 0.8rem;
}
.formList .fromDate {
  padding: 1rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.formList .fromDate > div {
  width: 48%;
}
.formList .subToom {
  background: #cf0f19;
  color: #FFFFFF;
  line-height: 3.4rem;
  font-size: 1.6rem;
  text-align: center;
  border-radius: 0.8rem;
}
.solarterm_list {
  background-color: #fff;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.solarterm_list .title {
  font-size: 1.6rem;
  color: #cf0f19;
  font-weight: bold;
  padding-left: 4%;
  padding-top: 4%;
}
.solarterm_list .image img {
  height: 10rem;
}
.solarterm_list .ul_list {
  width: 96%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 4%;
  padding-bottom: 4%;
}
.solarterm_list .ul_list .name {
  width: 20%;
  border: 0.1rem solid #cccccc;
  border-radius: 1rem;
  margin: 1rem 4% 0 0;
  text-align: center;
  line-height: 3rem;
  height: 3rem;
}
.solarterm_list .bgImge {
  background-image: url('/Images/home/jieri.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 5rem;
  text-align: center;
  line-height: 5rem;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 1rem;
  text-shadow: 0.1rem 0.1rem 0.2rem rgba(51, 51, 51, 0.6);
}
.redText {
  color: #e83428;
  font-size: 1.4rem;
}
.lvText {
  color: #2eaf6b;
  font-size: 1.4rem;
}
.blueText {
  color: #2cabef;
  font-size: 1.4rem;
}
#marto0 {
  margin-top: 0;
}
#marbtm0 {
  margin-bottom: 0;
}
#pdnTo {
  padding-top: 1rem;
}
.jieri_list {
  margin-bottom: 1.5rem;
  background-color: #fff;
  padding: 1rem;
}
.jieri_list:nth-last-child(1) {
  margin-bottom: 0;
}
.jieri_list .name {
  line-height: 2.3rem;
  color: #999999;
  font-size: 1.2rem;
}
.jieri_list .name span {
  font-size: 1.6rem;
  margin-right: 0.5rem;
}
.all_title {
  padding: 0 1rem;
  position: relative;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.all_title::after {
  content: '';
  width: 0.4rem;
  height: 1.6rem;
  left: 0;
  top: 50%;
  margin-top: -0.8rem;
  position: absolute;
  background: #cf0f19;
  border-radius: 0.6rem;
}
.openText {
  margin: 0 1rem;
}
.notes_text {
  background-color: #fff;
  padding: 1rem;
  font-size: 1.6rem;
  border-bottom: 0.1rem solid #cccccc;
}
.notes_text span:nth-child(1) {
  color: #e83428;
}
.notes_text span:nth-child(2) {
  color: #2eaf6b;
}
.notes_text span:nth-child(3) {
  color: #2cabef;
}
.ul_details {
  padding: 1rem;
  height: 15rem;
  overflow: hidden;
}
.ul_details .da_title {
  font-size: 1.6rem;
  color: #333;
  font-weight: bold;
  margin-top: 1rem;
}
.ul_details .list {
  font-size: 1.4rem;
  line-height: 2.2rem;
  margin-top: 1rem;
}
.btn_see {
  width: 15rem;
  height: 3rem;
  border-radius: 3rem;
  margin: 1rem auto;
  font-size: 1.4rem;
  border: 0.1rem solid #cccccc;
  text-align: center;
  line-height: 3rem;
}

.box_navList {
  background: #ffffff;
  margin-bottom: 1.5rem;
}
.box_navList .gallery-thumbs {
  border-bottom: 0.1rem solid #cf0f19;
}
.box_navList .gallery-thumbs .swiper-slide-active {
  color: #cf0f19;
}
.box_navList .gallery-thumbs .swiper-slide-active::after {
  position: absolute;
  left: 50%;
  margin-left: -0.3rem;
  bottom: 0;
  content: '';
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.6rem solid #cf0f19;
}
.box_navList .gallery-thumbs .swiper-wrapper {
  text-align: center;
  line-height: 3.4rem;
  font-size: 16px;
}
.box_navList .gallery-thumbs .swiper-wrapper .swiper-slide .item {
  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.box_navList .tableDown {
  margin-top: 1.5rem;
}
.box_navList .tableDown .swiper-wrapper {
  height: auto;
}
.box_navList .tableDown .itemList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -0.8rem;
  padding: 0 1.5rem;
  height: 20rem;
  overflow: auto;
}
.box_navList .tableDown .itemList .item {
  padding: 0 0.8rem;
  line-height: 2.8rem;
  margin-bottom: 1rem;
}
.box_navList .tableDown .itemList .item a {
  border: 0.1rem solid #dedede;
  display: block;
  padding: 0 0.6rem;font-size: 16px;
}
.box_navList .tableDown .differentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 1.5rem;
  line-height: 2.8rem;
  height: 20rem;
  overflow: auto;

}
.box_navList .tableDown .differentList .item {
  width: 50%;
  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.box_navList .tableDown .differentList .item a{
  font-size: 16px;
}
.footer_images{
  display: inline-block;
  width: unset;
  padding: 5px 0;
}
.box_yuwennavList {
  background: #ffffff;
  margin-bottom: 1.5rem;
}
.box_yuwennavList .gallery-thumbs {
  border-bottom: 0.1rem solid #cf0f19;
}
.box_yuwennavList .gallery-thumbs .swiper-slide-active {
  color: #cf0f19;
}
.box_yuwennavList .gallery-thumbs .swiper-slide-active::after {
  position: absolute;
  left: 50%;
  margin-left: -0.3rem;
  bottom: 0;
  content: '';
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.6rem solid #cf0f19;
}
.box_yuwennavList .gallery-thumbs .swiper-wrapper {
  text-align: center;
  line-height: 3.4rem;
  font-size: 16px;
}
.box_yuwennavList .gallery-thumbs .swiper-wrapper .swiper-slide .item {
  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.box_yuwennavList .tableDown {
  margin-top: 1.5rem;
}
.box_yuwennavList .tableDown .swiper-wrapper {
  height: auto;
}
.box_yuwennavList .tableDown .itemList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -0.8rem;
  padding: 0 1.5rem;
  height: 20rem;
  overflow: auto;
}
.box_yuwennavList .tableDown .itemList .item {
  padding: 0 0.8rem;
  line-height: 2.8rem;
  margin-bottom: 1rem;
}
.box_yuwennavList .tableDown .itemList .item a {
  border: 0.1rem solid #dedede;
  display: block;
  padding: 0 0.6rem;font-size: 16px;
}
.box_yuwennavList .tableDown .differentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 1.5rem;
  line-height: 2.8rem;
  height: 20rem;
  overflow: auto;

}
.box_yuwennavList .tableDown .differentList .item {
  width: 50%;
  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.box_yuwennavList .tableDown .differentList .item a{
  font-size: 16px;
}
.yuwenbtn{width: 80%!important;margin: auto;}
.yuwenbtn a{background: #cf0f19;
  border: 0.1rem solid #cf0f19!important;
  color: #ffffff!important;
}
.yuwenbtn2{width: 100%;font-size: 1.2rem;line-height: 3rem;}
.yuwenbtn2 a{font-size: 2rem;line-height: 3rem;font-weight: bold;color: #cf0f19;}
.wauto{width: auto!important;}
.w100{width: 100%!important;}
.jibieswiper{
  border-bottom: 0.1rem solid #cf0f19;
}
.listab{
  background: #ffffff;
  margin-bottom: 1.5rem;
  border-bottom: 0.1rem solid #cf0f19;
}
.listab .swiper-slide{
  height: 3rem;line-height: 3rem;font-size: 1.6rem;text-align: center;
}
.listab .swiper-slide-active{
  color: #cf0f19;
}
.listab .swiper-slide-active::after {
  position: absolute;
  left: 50%;
  margin-left: -0.3rem;
  bottom: 0;
  content: '';
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.6rem solid #cf0f19;
}
.jibiecatname{height: 3rem;line-height: 3rem;font-size: 2rem;color: #cf0f19;margin: 0.5rem;border-bottom: 1px dotted #ccc;border-left: 0.5rem solid #cf0f19;}
.jibiecatname a{font-size: 2rem;color: #cf0f19;font-weight: bold;margin-left: 1rem;}
.activebc{background: #cf0f19;
  border: 0.1rem solid #cf0f19!important;
  color: #ffffff!important;}
.activebc a{color: #ffffff!important;}

#btn_list {
  height: 3rem;
  width: 10rem;
  margin: 1rem auto 0.5rem;
  border-radius: 2rem;
  background-color: #cf0f19;
  color: #fff;
  text-align: center;
  line-height: 3rem;
}
#textList {
  height: 16rem;overflow: hidden;;
}
/*搜索页*/
.searchtab{width: 100%;display: inline-block;background: #fff;padding: 1rem;}
.searchtab li{width: 9rem;height: 35px;background-color: #f2f2f2;text-align: center;line-height: 35px;font-size: 20px;margin-right: 1rem;float: left;margin-bottom: 10px;border-radius: 1rem;}
.searchtab li.active a{
  background-color: #cf0f19;
  color: #fff;pointer-events: none;border-radius: 1rem;
}
.searchtab li a{display: inline-block;width: 100%;}

.shishi_time{
  font-size: 16px;padding: 10px;text-align: center;
}
.box_swiperList .gallery-thumbs {
  border-bottom: 0.1rem solid #cf0f19;
}
.box_swiperList .gallery-thumbs .swiper-slide-active {
  color: #cf0f19;
}
.box_swiperList .gallery-thumbs .swiper-slide-active::after {
  position: absolute;
  left: 50%;
  margin-left: -0.3rem;
  bottom: 0;
  content: '';
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.6rem solid #cf0f19;
}
.box_swiperList .gallery-thumbs .swiper-wrapper {
  text-align: center;
  line-height: 3.4rem;
  font-size: 16px;
}
.box_swiperList .gallery-thumbs .swiper-wrapper .swiper-slide .item {
  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.gradeList ul{display: inline-block;width: 100%;}
.swiperbtn{width: 80%!important;margin: auto;text-align: center;}
.swiperbtn a{
  background: #cf0f19;
  border: 0.1rem solid #cf0f19!important;
  color: #ffffff!important;
  display: inline-block;line-height: 30px;font-size: 26px;margin-top: 0.3rem;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.gradeList ul li{
  float: left;
  border-radius: 5px;
  border: 1px solid #dedede;
  height: 3rem;
  margin: 1%;
  width: 22%;
}

.gradeList ul li a {
  text-align: center;
  color: #333333;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 3rem;width: 100%;font-size: 1.5rem;
}
.gradeList ul li.newslist{width: 100%;border: none;}
.gradeList ul li.newslist a{text-align: left;}
.tab_itemList .btn_list {
  display: none;
  padding-top: 1.5rem;
}
.tab_itemList .btn_list .top_title {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
  color: #666;
}
.tab_itemList .btn_list .top_title span {
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  margin-right: 1rem;
}
.tab_itemList .btn_list .tian_list {
  background-color: #fff5f7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.tab_itemList .btn_list .tian_list img {
  width: 3rem;
  height: 3rem;
}
.tab_itemList .btn_list .tian_list span {
  color: #cf0f19;
  font-size: 1.4rem;
}
.tab_itemList .btn_list .tian_list .text {
  color: #666666;
  font-size: 1.2rem;
}
.tab_itemList .btnList_show {
  display: block;
}
.ul_tianqi {
  border-top: 0.1rem solid #cccccc;
}
.ul_tianqi li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 0;
  border-bottom: 0.1rem solid #cccccc;
}
.ul_tianqi li a{
  display: flex;width: 100%;
  align-items: center;
  justify-content: space-between;
  /*padding: 1.5rem 0;*/
  /*border-bottom: 0.1rem solid #cccccc;*/
}
.ul_tianqi li:nth-last-child(1) {
  border-bottom: none;
}
.ul_tianqi li a .name {
  font-size: 1.6rem;
}
.ul_tianqi li a .images-t {
  display: flex;
  align-items: center;
}
.ul_tianqi li a .images-t img {
  width: 3rem;
  height: 3rem;
  display: block;
}
.ul_tianqi li a .images-t img:nth-child(1) {
  margin-right: 2rem;
}
.ul_tianqi .weaname{width: 40%;}
#swiper_slect {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.6rem;
}
.weatherList {
  background: #ffffff;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}
.weatherList .weatherheader {
  padding: 0 1.5rem;
}
.weatherList .weatherheader .weatherTitle {
  line-height: 3.6rem;
  font-size: 1.8rem;
  font-weight: bold;
}
.weatherList .weatherheader .weatherTitle #sel_city {
  font-size: 1.4rem;
  font-weight: normal;
  color: #999999;
}
.weatherList .weatherheader .weatherTitle i {
  color: #cf0f19;
  font-size: 1.6rem;
}
.weatherList .weatherheader .item_title {
  width: 96%;
  margin: 0 auto;
  padding: 0 1rem;
  border-left: 0.5rem solid ;
}
.weatherList .weatherTemperature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 1rem 0;
  border-bottom: 0.1rem solid #dedede;
}
.weatherList .weatherTemperature .temperatureLeft {
  width: 40%;
}
.weatherList .weatherTemperature .temperatureLeft .number {
  margin-bottom: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 8rem;
  line-height: 6rem;
  color: #cf0f19;
  position: relative;
  padding-left: 3.2rem;
}
.weatherList .weatherTemperature .temperatureLeft .number img {
  width: 3rem;
  height: 3rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
.weatherList .weatherTemperature .temperatureLeft .number .centigrade {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.weatherList .weatherTemperature .temperatureLeft .status {
  background: #63ba2b;
  color: #ffffff;
  line-height: 3rem;
  text-align: center;
  font-size: 1.4rem;
  border-radius: 1.5rem;
}
.weatherList .weatherTemperature .temperatureRight {
  width: 40%;
}
.weatherList .weatherTemperature .temperatureRight .small_name {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3.6rem;
}
.weatherList .weatherTemperature .temperatureRight .text {
  font-size: 1.4rem;
  line-height: 2.6rem;
}
.weatherList .predictionTitle {
  font-size: 1.6rem;
  line-height: 4.6rem;
  border-bottom: 0.1rem solid #dedede;
  padding: 0 1.5rem;
}
.weatherList .predictionList {
  padding: 0 1.5rem;
  border-bottom: 0.1rem solid #dedede;
  margin-bottom: 1rem;
}
.weatherList .predictionList .swiper-slide {
  padding: 1rem 0;
  border-right: 0.1rem solid #dedede;
}
.weatherList .predictionList .item {
  text-align: center;
}
.weatherList .predictionList .item .date {
  color: #333333;
  font-size: 1.6rem;
}
.weatherList .predictionList .item .images {
  width: 3.6rem;
  height: 3.6rem;
  margin: 0 auto;
}
.weatherList .predictionList .item .images img {
  max-width: 100%;
  max-height: 100%;
}
.weatherList .predictionList .item .sky {
  font-size: 1.2rem;
  line-height: 2.4rem;
  color: #666666;
}
.weatherList .predictionList .item .temperature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  font-size: 2rem;
  line-height: 2.4rem;
  color: #666666;
}
.weatherList .predictionList .item .temperature span {
  font-size: 1.4rem;
}
.weatherList .predictionmore {
  color: #333333;
  font-size: 1.6rem;
  line-height: 3.4rem;
  background: #ededed;
  border-radius: 1.5rem;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.weatherList .item_li {
  margin-top: 1rem;
  border: 0.1rem solid #cccccc;
  border-bottom: none;
  width: 94%;
  margin: 0 auto;
}
.weatherList .item_li .title-t {
  height: 4.5rem;
  padding: 0 1rem;
  background-color: #ffe9eb;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.weatherList .item_li .title-t .name {
  font-size: 1.4rem;
  font-weight: bold;
}
.weatherList .item_li .title-t .select_item {
  display: flex;border: 1px solid #ccc;background-color: #fff;height: 25px;line-height: 25px;padding: 5px;border-radius: 5px;
}
.weatherList .item_li .title-t .select_item select {
  width: 6rem;
  height: 3rem;
  background-color: #fff;
  padding: 0 0.3rem;
  border: 0.1rem solid #cccccc;
}
.weatherList .item_li .title-t .select_item select:nth-child(2) {
  margin-left: 1rem;
}
.weatherList .item_li .list li {
  display: flex;
  border-bottom: 0.1rem solid #cccccc;
}
.weatherList .item_li .list li .text {
  width: 46%;
  padding: 1rem 0.5rem;
  font-size: 1.3rem;
  line-height: 1.5rem;
  border-right: 0.1rem solid #cccccc;
}
.weatherList .item_li .list li .text:nth-child(2) {
  border-right: none;
}
.weatherList .item_li .list li .text .text_R {
  color: #ff5040;
}
.weatherList .item_li .list li .text .text_B {
  color: #3097fd;
}
.weatherList .item_li .list li .text .text_H {
  color: #999999;
}
.weatherList .item_li .list li .text .text_L {
  color: #19b863;
}
.weatherList .item_li .list li .text .text_y {
  color: #f6bd0e;
}
.item_list_tian .title {
  font-size: 1.4rem;
  font-weight: bold;
}
.item_list_tian .title span {
  margin-left: 17px;
  font-size: 16px;
  font-weight: lighter;
}
.item_list_tian .li_right {
  display: flex;
  flex-wrap: wrap;
}
.item_list_tian .li_right .li {
  width: 30.3%;
  padding-top: 0.5rem;
  background-color: #fff5f7;
  margin-right: 1rem;
  margin-top: 1rem;
}
.item_list_tian .li_right .li .time {
  font-size: 1.6rem;
  text-align: center;
  line-height: 26px;
}
.item_list_tian .li_right .li .text {
  text-align: center;
  line-height: 2rem;
  margin: 0.5rem 0;
}
.item_list_tian .li_right .li .image {
  display: flex;
  align-items: center;
}
.item_list_tian .li_right .li .image img {
  width: 3rem;
  height: 3rem;
  display: block;
  margin: 0.5rem auto;
}
.active_s {
  background-color: #cf0f19;
  color: #fff !important;
  border: 2px solid #cf0f19 !important;
}
.active_s a {
  color: #fff !important;
}
.heightauto {
  height: auto !important;
}
.buslist{margin: 0 5px;color: #0e90d2;}
#mapcon{height: 20rem;}
/* 公交站点 */
.bus-station-list { position: relative; margin: 15px 10px; }
.bus-station-list:after { content: ""; position: absolute; left: 10px; top: 10px; bottom: 15px; width: 1px; background-color: #ddd; z-index: -1; }
.bus-station-list dd { position: relative; line-height: 20px; margin: 8px 0 15px; padding-left: 30px; color: #f01a21; }
.bus-station-list dd i { position: absolute; left: 0; top: 2px; }
.bus-station-list dd .icon-label { width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #bcb9b9; color: #fff; border-radius: 100%; font-size: 12px; font-style: normal; }